@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#020202;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--accent-gold:#d4af37;--accent-gold-muted:#b8860b;--accent-gold-soft:#d4af371f;--accent-gold-glow:#d4af3740;--text-main:#fff;--text-dim:#ffffff8c;--text-muted:#ffffff59;--divider:#d4af371a;--divider-strong:#d4af3733;--divider-light:#ffffff0a;--surface-hover:#ffffff0a;--shadow-card:0 2px 8px #0000004d;--code-bg:#0a0a0a;--scrollbar-track:#020202;--selection-bg:#d4af371f;--overlay-bg:#020202d9;--nav-bg:#020202e6;--sidebar-bg:#050505f2;--mobile-tabs-bg:#0a0a0ad9;--glow-gradient:radial-gradient(ellipse 80% 60% at 50% -10%, #d4af370f 0%, transparent 70%);--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition:all .35s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .5s cubic-bezier(.4, 0, .2, 1);--fs-hero:clamp(2.4rem, 7vw, 5rem);--fs-h2:clamp(1.6rem, 4vw, 2.8rem);--fs-h3:clamp(1.2rem, 2.5vw, 1.5rem);--fs-body:clamp(.95rem, 1.2vw, 1.15rem);--fs-small:clamp(.8rem, 1vw, .9rem);--fs-label:clamp(.7rem, .9vw, .8rem);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px}[data-theme=light]{--bg-primary:#faf9f6;--bg-secondary:#fff;--bg-tertiary:#f2f1ed;--accent-gold:#af891b;--accent-gold-muted:#8e6f16;--accent-gold-soft:#af891b14;--accent-gold-glow:#af891b26;--text-main:#121212;--text-dim:#555;--text-muted:#888;--divider:#af891b26;--divider-strong:#af891b40;--divider-light:#0000000f;--surface-hover:#af891b0a;--shadow-card:0 4px 20px -2px #0000000a, 0 2px 10px -2px #00000005;--code-bg:#f5f4f0;--scrollbar-track:#f2f1ed;--selection-bg:#af891b1f;--overlay-bg:#faf9f6f5;--nav-bg:#faf9f6f0;--sidebar-bg:#fffffffa;--mobile-tabs-bg:#fffffff2;--glow-gradient:radial-gradient(ellipse 80% 60% at 50% -10%, #af891b0d 0%, transparent 70%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";background:var(--glow-gradient);pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.03em;font-weight:700;line-height:1.1}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.container-narrow{width:100%;max-width:500px;margin:0 auto;padding:0 1rem}.mesh-bg{background:radial-gradient(at 0 0,#d4af3714 0,#0000 50%),radial-gradient(at 100% 100%,#d4af370d 0,#0000 50%)}.section{padding:var(--space-2xl) 0;position:relative}.section-divider{background:linear-gradient(90deg, transparent, var(--divider-strong), transparent);border:none;height:1px;margin:0}.flex-center{justify-content:center;align-items:center;display:flex}.btn-gold{background:linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-muted) 100%);color:#000;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-weight:700;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;display:inline-flex;position:relative;overflow:hidden}.btn-gold:before{content:"";opacity:0;transition:var(--transition-fast);background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af374d,0 0 60px #d4af371a}.btn-gold:hover:before{opacity:1}.btn-gold:active{transform:translateY(0)}.btn-outline{color:var(--accent-gold);border-radius:var(--radius-full);border:1px solid var(--accent-gold);cursor:pointer;transition:var(--transition);font-weight:600;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;display:inline-flex}.btn-outline:hover{background:var(--accent-gold-soft);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 20px #d4af3726}.btn-ghost{color:var(--text-dim);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-weight:500;font-size:var(--fs-small);white-space:nowrap;background:0 0;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-ghost:hover{color:var(--text-main);background:#ffffff0d;border-color:#ffffff40}.glossy{background:var(--overlay-bg);-webkit-backdrop-filter:blur(20px)saturate(180%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-x-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes float-complex{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(-15px)rotate(1deg)}66%{transform:translateY(-5px)rotate(-1deg)}to{transform:translateY(0)rotate(0)}}.animate-spin{animation:1s linear infinite spin}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse-subtle}.animate-fade-in-up{animation:.7s cubic-bezier(.4,0,.2,1) both fadeInUp}.animate-fade-in{animation:.6s both fadeIn}.animate-scroll-x{width:max-content;animation:40s linear infinite scroll-x;display:flex}.animate-scroll-x-reverse{width:max-content;animation:40s linear infinite scroll-x-reverse;display:flex}.animate-float-complex{animation:6s ease-in-out infinite float-complex}.glass-card{background:var(--bg-secondary);border:1px solid var(--divider);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);transition:var(--transition)}.glass-card:hover{border-color:var(--accent-gold);box-shadow:0 10px 40px -10px #d4af3726}.text-gradient-gold{background:linear-gradient(135deg, var(--accent-gold) 0%, #f5e6a3 50%, var(--accent-gold-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.text-shimmer{background:linear-gradient(110deg, var(--accent-gold) 0%, #f5e6a3 25%, var(--accent-gold) 50%, #f5e6a3 75%, var(--accent-gold) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.card-glow{background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card-glow:before{content:"";border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-gold-muted), transparent 70%);-webkit-mask-composite:xor;pointer-events:none;opacity:.5;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.img-container{background:var(--bg-tertiary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bento-grid{gap:var(--space-md);grid-template-columns:repeat(12,1fr);display:grid}.bento-item{padding:var(--space-lg);flex-direction:column;justify-content:center;display:flex}.bento-large{grid-column:span 8}.bento-small{grid-column:span 4}.bento-medium{grid-column:span 6}@media (max-width:768px){.bento-grid{flex-direction:column;grid-template-columns:1fr;display:flex}.bento-large,.bento-small,.bento-medium{grid-column:span 1}}@media (min-width:768px){.nav-desktop{display:flex!important}.nav-hamburger,.nav-mobile,.nav-mobile-overlay{display:none!important}.app-sidebar{display:flex!important}.app-top-bar,.mobile-tabs{display:none!important}}@media (max-width:767px){.app-sidebar{display:none!important}.app-top-bar,.mobile-tabs{display:flex!important}}@media (min-width:1024px){.studio-grid{align-items:start;grid-template-columns:1.2fr 1fr!important}}.nav-link:hover{color:var(--accent-gold)!important}.showcase-bento{gap:var(--space-md);grid-template-columns:repeat(3,1fr);grid-template-areas:"f f t""f f t""s1 s2 t""w w w";grid-auto-rows:150px;display:grid}.showcase-item{padding:.35rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.showcase-item:hover{z-index:2;transform:scale(1.02)translateY(-5px);box-shadow:0 20px 40px #0000004d}.showcase-item .img-container{border-radius:var(--radius-md);width:100%;height:100%}.showcase-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.showcase-item:hover img{transform:scale(1.1)}.card-badge{background:var(--accent-gold);color:#000;border-radius:var(--radius-sm);letter-spacing:1px;z-index:10;padding:.2rem .6rem;font-size:10px;font-weight:900;position:absolute;top:1rem;right:1rem}@media (max-width:768px){.showcase-bento{grid-template-columns:1fr;grid-template-areas:"f""t""s1""s2""w";grid-auto-rows:250px}}.infinite-bento-container{width:100vw;padding:var(--space-md) 0;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.infinite-bento-track{gap:var(--space-md);width:max-content;animation:120s linear infinite scroll-bento;display:flex}.infinite-bento-track:hover{animation-play-state:paused}.bento-block{gap:var(--space-md);flex-shrink:0;grid-template-columns:repeat(12,120px);grid-auto-rows:150px;display:grid}@keyframes scroll-bento{0%{transform:translate(0)}to{transform:translate(-50%)}}.grid-item-1{grid-area:span 2/span 2}.grid-item-2{grid-area:span 1/span 1}.grid-item-3{grid-area:span 2/span 1}.grid-item-4{grid-area:span 1/span 2}.grid-item-5{grid-area:span 1/span 1}.grid-item-6{grid-area:span 1/span 2}.grid-item-7{grid-area:span 1/span 1}@media (max-width:768px){.infinite-bento-track{animation-duration:60s}.bento-block{grid-template-columns:repeat(12,80px);grid-auto-rows:100px}}@keyframes float-subtle{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-5px)translate(2px)}50%{transform:translateY(-2px)translate(-3px)}75%{transform:translateY(-7px)translate(1px)}}@keyframes float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.01)}}.animate-float-1{animation:5s ease-in-out infinite float-subtle}.animate-float-2{animation:7s ease-in-out infinite float-slow}.animate-float-3{animation:8s ease-in-out infinite reverse float-subtle}.animate-float-4{animation:6s ease-in-out infinite reverse float-slow}.grid-item-logo{z-index:50;grid-area:span 1/span 1;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.logo-card-inner{border:1px solid var(--accent-gold);background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.logo-content{color:var(--accent-gold);letter-spacing:2px;z-index:2;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:900;transition:all .5s;display:flex}.logo-glow{background:radial-gradient(circle, var(--accent-gold-soft) 0%, transparent 70%);opacity:.3;animation:2s ease-in-out infinite corePulse;position:absolute;inset:0}.gravity-implode .grid-item-logo{box-shadow:0 0 50px var(--accent-gold-glow);grid-area:span 2/span 3;transform:scale(1.1)}.gravity-implode .logo-content{transform:scale(1.5)}.gravity-implode .infinite-bento-track{animation-play-state:paused}.gravity-implode .card-gravity:not(.grid-item-logo){opacity:.7;filter:grayscale(.5);transform:scale(.95)}@keyframes corePulse{0%,to{opacity:.3}50%{opacity:.6}}.showcase-card-base{border-radius:var(--radius-md);border:1px solid var(--divider);background:#000;width:100%;height:100%;position:relative;overflow:hidden}.img-wrapper{width:100%;height:100%;position:relative}.img-showcase{object-fit:cover;width:100%;height:100%;transition:opacity .6s cubic-bezier(.4,0,.2,1),filter .6s;position:absolute;inset:0}.img-before{z-index:1;filter:grayscale(.5)brightness(.6)}.img-after{z-index:2;opacity:0}.card-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-gold);border-radius:var(--radius-sm);z-index:10;text-transform:uppercase;letter-spacing:1px;background:#000c;border:1px solid #d4af374d;padding:.3rem .7rem;font-size:10px;font-weight:800;position:absolute;bottom:.75rem;left:.75rem}.reveal-bar{background:var(--accent-gold);z-index:5;opacity:0;width:2px;height:100%;box-shadow:0 0 20px var(--accent-gold);position:absolute;top:0;left:0}.animate-slide .reveal-bar{animation:.8s ease-in-out forwards slideSweep}@keyframes slideSweep{0%{opacity:1;left:0}to{opacity:0;left:100%}}.mask-expand{clip-path:circle(0%);transition:clip-path .8s cubic-bezier(.65,0,.35,1)}.is-active .mask-expand{clip-path:circle(150%)}.flash-overlay{opacity:0;z-index:6;pointer-events:none;background:#fff;position:absolute;inset:0}.animate-flash .flash-overlay{animation:.5s ease-out flashEffect}@keyframes flashEffect{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.img-blur{filter:blur(10px)brightness(.6);transition:filter .8s}.is-active .img-blur{filter:blur()brightness()}@keyframes glitchReveal{0%{clip-path:inset(50% 0 30%);transform:translate(-5px)}20%{clip-path:inset(10% 0 80%);transform:translate(5px)}40%{clip-path:inset(40% 0);transform:translate(-5px)}60%{clip-path:inset(80% 0 10%);transform:translate(5px)}80%{clip-path:inset(20% 0 60%);transform:translate(-5px)}to{clip-path:inset(0);transform:translate(0)}}.is-active .glitch-img{animation:.4s steps(2,end) glitchReveal}.floating-phrase{color:var(--accent-gold);white-space:nowrap;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 15px #d4af3766;font-size:10px;font-weight:700}.phrase-0{top:0;left:0}.phrase-1{bottom:0;right:0}.phrase-2{top:15px;right:-30px}.phrase-3{bottom:15px;left:-30px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--accent-gold-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-muted)}::selection{background:var(--selection-bg);color:var(--accent-gold)}