:root{--color-bg-primary:#fefefe;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f0f2f5;--color-text-primary:#0a0a0a;--color-text-secondary:#3d4852;--color-text-tertiary:#6b7280;--color-accent-primary:#d4a853;--color-accent-secondary:#8b5cf6;--color-accent-tertiary:#f59e0b;--color-accent-gradient:linear-gradient(135deg,#d4a853 0%,#f59e0b 35%,#8b5cf6 100%);--color-accent-gradient-hover:linear-gradient(135deg,#c9973d 0%,#d97706 35%,#7c3aed 100%);--color-accent-subtle:#d4a85314;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--glass-bg:#ffffffb3;--glass-border:#d4a85326;--glass-shadow:0 25px 50px -12px #00000014,0 4px 24px -8px #0000000d;--glass-blur:20px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:4rem;--spacing-2xl:8rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:2rem;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-base:.4s cubic-bezier(.4,0,.2,1);--transition-slow:.7s cubic-bezier(.4,0,.2,1);--z-back:-1;--z-base:1;--z-nav:50;--z-overlay:100}[data-theme=dark],.dark{--color-bg-primary:#09090b;--color-bg-secondary:#0f0f12;--color-bg-tertiary:#18181b;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--glass-bg:#0f0f12d9;--glass-border:#d4a8531f;--glass-shadow:0 25px 50px -12px #0009,0 0 40px -10px #d4a85314;--color-accent-subtle:#d4a8530d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base);perspective:1000px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);letter-spacing:-.04em;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;line-height:1.1}h1{font-size:clamp(3.5rem,8vw,6rem)}h2{margin-bottom:var(--spacing-lg);font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1}h3{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}p{color:var(--color-text-secondary);max-width:65ch;font-size:1.1rem;line-height:1.7}.container{max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}.section{padding:var(--spacing-2xl)0;position:relative}.section-title{text-align:left;margin-bottom:var(--spacing-xl)}.section-title span{text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent-primary);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600;display:block}.gradient-text{background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-base);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#d4a8534d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:after{content:"";pointer-events:none;opacity:0;transition:opacity var(--transition-base);background:radial-gradient(at 0 0,#d4a85308 0%,#0000 50%);position:absolute;inset:0}.glass-card:hover{box-shadow:var(--glass-shadow),0 0 40px -10px #d4a85326;border-color:#d4a85340;transform:translateY(-2px)}.glass-card:hover:after{opacity:1}.bento-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);display:grid}.bento-item{grid-area:span 1/span 1}.bento-item-large{grid-area:span 2/span 2}.bento-item-wide{grid-area:span 1/span 2}.bento-item-tall{grid-area:span 2/span 1}@media (max-width:968px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(150px,auto)}.bento-item-large{grid-area:span 1/span 2}.bento-item-tall{grid-area:span 1/span 1}}@media (max-width:480px){.bento-grid{gap:var(--spacing-sm);grid-template-columns:1fr;grid-auto-rows:auto}.bento-item,.bento-item-large,.bento-item-wide,.bento-item-tall{grid-area:span 1/span 1}}.btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);z-index:1;border:none;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:0 4px 20px -6px #d4a85366}.btn-primary:after{content:"";background:var(--color-accent-gradient-hover);z-index:-1;opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);position:absolute;top:0;left:0}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px -8px #d4a85380}.btn-primary:hover:after{opacity:1}.btn-secondary{color:var(--color-text-primary);border:2px solid var(--color-accent-primary);background:0 0}.btn-secondary:hover{background:var(--color-accent-primary);color:#fff}.grid{gap:var(--spacing-lg);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99,0 0 60px #764ba266}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeInUp{animation:.8s ease-out forwards fadeInUp}.animate-fadeIn{animation:1s ease-out forwards fadeIn}.animate-slideInLeft{animation:.8s ease-out forwards slideInLeft}.animate-slideInRight{animation:.8s ease-out forwards slideInRight}.animate-float{animation:3s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glow}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@media (max-width:768px){.section{padding:var(--spacing-xl)0;min-height:auto}.container{padding:0 var(--spacing-sm)}h1{font-size:2.5rem}h2{font-size:2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:480px){.btn{padding:var(--spacing-xs)var(--spacing-md);font-size:.9rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-primary),var(--color-accent-tertiary));border-radius:var(--radius-full);border:2px solid var(--color-bg-primary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent-tertiary),var(--color-accent-primary))}::selection{background:var(--color-accent-primary);color:#fff}::selection{background:var(--color-accent-primary);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.ScrollProgress-module__yJsCLq__progressBar{transform-origin:0%;z-index:9999;background:linear-gradient(90deg,#d4a853 0%,#f59e0b 25%,#8b5cf6 50%,#f59e0b 75%,#d4a853 100%) 0 0/200% 100%;height:3px;animation:3s infinite ScrollProgress-module__yJsCLq__gradientShift;position:fixed;top:0;left:0;right:0;box-shadow:0 0 10px #d4a853b3,0 0 20px #8b5cf666}@keyframes ScrollProgress-module__yJsCLq__gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
