/* Base reset */
*{box-sizing:border-box;border:0 solid #e5e7eb;}
html,body{margin:0;padding:0;}
html{line-height:1.5;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";}
body{background:#0a0a0a;color:#fff;min-height:100vh;}
img,video{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
button,input,select,textarea{font:inherit;color:inherit;}

/* Layout */
.container{max-width:72rem;margin-left:auto;margin-right:auto;}
.max-w-none{max-width:none;}
.max-w-md{max-width:28rem;}
.max-w-2xl{max-width:42rem;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:56rem;}
.max-w-6xl{max-width:72rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.min-h-screen{min-height:100vh;}

.flex{display:flex;}
.inline-flex{display:inline-flex;}
.grid{display:grid;}
.block{display:block;}
.hidden{display:none;}
.flex-1{flex:1 1 0%;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.items-center{align-items:center;}
.items-start{align-items:flex-start;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}

.relative{position:relative;}
.absolute{position:absolute;}
.inset-0{inset:0;}
.top-1\/2{top:50%;}
.left-1\/2{left:50%;}
.left-4{left:1rem;}
.right-4{right:1rem;}
.bottom-4{bottom:1rem;}

.-translate-x-1\/2{transform:translateX(-50%);} 
.-translate-y-1\/2{transform:translateY(-50%);} 

.overflow-hidden{overflow:hidden;}

/* Spacing */
.p-3{padding:.75rem;}
.p-6{padding:1.5rem;}
.p-8{padding:2rem;}
.px-3{padding-left:.75rem;padding-right:.75rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.py-2{padding-top:.5rem;padding-bottom:.5rem;}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.py-12{padding-top:3rem;padding-bottom:3rem;}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem;}
.py-16{padding-top:4rem;padding-bottom:4rem;}
.pt-6{padding-top:1.5rem;}
.pb-14{padding-bottom:3.5rem;}

.mt-1{margin-top:.25rem;}
.mt-2{margin-top:.5rem;}
.mt-3{margin-top:.75rem;}
.mt-4{margin-top:1rem;}
.mt-5{margin-top:1.25rem;}
.mt-6{margin-top:1.5rem;}
.mt-8{margin-top:2rem;}
.mb-2{margin-bottom:.5rem;}
.mb-3{margin-bottom:.75rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.ml-2{margin-left:.5rem;}
.my-3{margin-top:.75rem;margin-bottom:.75rem;}
.my-4{margin-top:1rem;margin-bottom:1rem;}

.gap-2{gap:.5rem;}
.gap-3{gap:.75rem;}
.gap-4{gap:1rem;}
.gap-6{gap:1.5rem;}
.gap-8{gap:2rem;}

.space-y-2> :not([hidden])~:not([hidden]){margin-top:.5rem;}
.space-y-3> :not([hidden])~:not([hidden]){margin-top:.75rem;}
.space-y-4> :not([hidden])~:not([hidden]){margin-top:1rem;}
.space-y-6> :not([hidden])~:not([hidden]){margin-top:1.5rem;}
.space-y-8> :not([hidden])~:not([hidden]){margin-top:2rem;}

/* Sizing */
.w-full{width:100%;}
.w-6{width:1.5rem;}
.w-10{width:2.5rem;}
.w-12{width:3rem;}
.w-20{width:5rem;}
.w-24{width:6rem;}
.w-32{width:8rem;}
.w-48{width:12rem;}
.w-64{width:16rem;}
.h-6{height:1.5rem;}
.h-10{height:2.5rem;}
.h-12{height:3rem;}
.h-20{height:5rem;}
.h-64{height:16rem;}

/* Typography */
.text-xs{font-size:.75rem;line-height:1rem;}
.text-sm{font-size:.875rem;line-height:1.25rem;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.text-2xl{font-size:1.5rem;line-height:2rem;}
.text-3xl{font-size:1.875rem;line-height:2.25rem;}
.font-bold{font-weight:700;}
.font-semibold{font-weight:600;}
.italic{font-style:italic;}
.leading-none{line-height:1;}
.leading-tight{line-height:1.25;}

.tracking-wider{letter-spacing:.05em;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

/* Colors */
.text-white{color:#fff;}
.text-black{color:#000;}
.text-gray-500{color:#6b7280;}
.text-gray-900{color:#111827;}
.text-red-700{color:#b91c1c;}
.text-green-700{color:#15803d;}
.text-green-300{color:#86efac;}
.text-yellow-300{color:#fde047;}
.text-white\/60{color:rgba(255,255,255,.6);} 
.text-white\/70{color:rgba(255,255,255,.7);} 
.text-white\/80{color:rgba(255,255,255,.8);} 
.text-white\/90{color:rgba(255,255,255,.9);} 
.text-\[var\(--accent\)\]{color:var(--accent); text-shadow: 0 0 15px var(--accent-glow);}
.text-accent{color:var(--accent); text-shadow: 0 0 10px var(--accent-glow);}
.glow-text{text-shadow: 0 0 20px var(--accent-glow);}

.bg-black{background:#000;}
.bg-black\/40{background:rgba(0,0,0,.4);} 
.bg-white{background:#fff;}
.bg-gray-100{background:#f3f4f6;}
.bg-green-100{background:#dcfce7;}
.bg-red-100{background:#fee2e2;}
.bg-\[\#ff8000\]{background:#ff8000;}
.border{border-width:1px;}
.border-\[\#ff8000\]{border-color:#ff8000;}
.border-white\/20{border-color:rgba(255,255,255,.2);} 
.border-green-500{border-color:#22c55e;}
.border-yellow-500{border-color:#eab308;}

/* Backgrounds */
.bg-cover{background-size:cover;}
.bg-center{background-position:center;}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-to));}
.from-\[\#ff8000\]{--tw-gradient-from:#ff8000;}
.to-yellow-300{--tw-gradient-to:#fde047;}
.bg-clip-text{-webkit-background-clip:text;background-clip:text;}
.text-transparent{color:transparent;}

/* Borders & radius */
.rounded{border-radius:.25rem;}
.rounded-md{border-radius:.375rem;}
.rounded-lg{border-radius:.5rem;}
.rounded-xl{border-radius:.75rem;}
.rounded-full{border-radius:9999px;}

/* Shadow */
.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);} 
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);} 
.shadow-\[0_6px_16px_rgba\(255\,102\,0\,0\.35\)\]{box-shadow:0 6px 16px rgba(255,102,0,.35);} 

/* Effects */
.opacity-70{opacity:.7;}
.opacity-80{opacity:.8;}
.opacity-0{opacity:0;}
.opacity-100{opacity:1;}
.transition{transition:all .2s ease;} 
.transition-opacity{transition:opacity .7s ease;} 
.duration-700{transition-duration:.7s;} 

/* Misc */
.object-cover{object-fit:cover;}

/* Pseudo utilities */
.hover\:text-\[\#ff8000\]:hover{color:#ff8000;}
.group:hover .group-hover\:text-\[\#ff8000\]{color:#ff8000;}

/* Prose */
.prose p{margin:.6rem 0;}
.prose ul{margin:.6rem 0 .8rem;padding-left:1.2rem;}
.prose li{margin:.25rem 0;}
.prose hr{border-color:rgba(255,255,255,.15);margin:1rem 0;}
.prose-invert{color:#e5e7eb;}
.prose-invert h1,.prose-invert h2,.prose-invert h3{color:#fff;}

/* Page split (image right) */
.page-split{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch;}
.page-text{order:1;}
.page-image{order:2;width:100%;aspect-ratio:4/3;}
.page-split-mobile-image-first .page-image{order:0;}
.page-split-mobile-image-first .page-text{order:1;}
.page-image-top{width:100%;max-width:100%;aspect-ratio:16/9;margin:0 auto 1.2rem;overflow:hidden;}
.page-image-row{display:grid;gap:1rem;margin-bottom:1.2rem;max-width:100%;}
.page-image-top img{display:block;}
.page-image-row.two-col{grid-template-columns:1fr;}
@media (min-width: 768px){
  .page-image-row.two-col{grid-template-columns:1fr 1fr;}
}
@media (min-width: 960px){
  .page-split{flex-direction:row;align-items:flex-start;}
  .page-text{flex:1.15;}
  .page-image{flex:.85;order:2;aspect-ratio:3/4;max-height:520px;}
  .page-split-mobile-image-first .page-image{order:2;}
}

/* Grid columns */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, opacity 0.3s ease;
  opacity: 0;
}
.accordion-item.active .accordion-content {
  max-height: 1000px;
  opacity: 1;
}
.accordion-item.active .accordion-icon {
  transform: rotate(180deg);
}
.accordion-header {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.accordion-header:hover {
  background: rgba(255, 128, 0, 0.08);
}
.accordion-item {
  transition: all 0.3s ease;
}
.accordion-item:hover {
  border-color: rgba(255, 128, 0, 0.4) !important;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 128, 0, 0.1);
}

/* Social Media Icons - Professional UI Refresh */
.social-icon-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.icon-wrap {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.icon-wrap svg {
  width: 36px;
  height: 36px;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
  z-index: 2;
}
.social-icon-btn:hover {
  transform: translateY(-12px);
}
.social-icon-btn:hover .icon-wrap {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}
.social-icon-btn:hover svg {
  color: #fff;
  transform: scale(1.15);
}

/* Platform Hover Accents - High Vibrance */
.social-icon-btn.ig:hover .icon-wrap { border-color: #ff00ff; box-shadow: 0 15px 40px rgba(255, 0, 255, 0.3); }
.social-icon-btn.yt:hover .icon-wrap { border-color: #ff0000; box-shadow: 0 15px 40px rgba(255, 0, 0, 0.3); }
.social-icon-btn.tk:hover .icon-wrap { border-color: #00f2ea; box-shadow: 0 15px 40px rgba(0, 242, 234, 0.25); }

.platform-label {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
}
.social-icon-btn:hover .platform-label {
  color: #fff;
  letter-spacing: 0.25em;
  text-shadow: 0 0 10px rgba(255,255,255,0.5);
}

.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.col-span-full{grid-column:1 / -1;}

/* Responsive */
@media (min-width:768px){
  .md\:flex{display:flex;}
  .md\:hidden{display:none;}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
  .md\:col-span-2{grid-column:span 2 / span 2;}
  .md\:text-xl{font-size:1.25rem;line-height:1.75rem;}
  .md\:text-4xl{font-size:2.25rem;line-height:2.5rem;}
  .md\:text-5xl{font-size:3rem;line-height:1;}
  .md\:py-24{padding-top:6rem;padding-bottom:6rem;}
}
@media (min-width:1024px){
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .lg\:col-span-2{grid-column:span 2 / span 2;}
}

/* Accordion */
.accordion-item.active .accordion-content {
  max-height: 1000px;
  opacity: 1;
}
.accordion-item.active .accordion-icon {
  transform: rotate(180deg);
}
.accordion-header:hover {
  background: rgba(255,255,255,0.03);
}