:root{--yi-blue:#38bdf8;--yi-blue-hover:#60a5fa;--yi-red:#f43f5e;--yi-orange:#fb923c;--yi-yellow:#fbbf24;--yi-green:#34d399;--yi-bg-main:#06080f;--yi-bg-alt:#0a0e1c;--yi-bg-card:rgba(15,23,42,.75);--yi-bg-card-hover:rgba(22,33,62,.9);--yi-surface:rgba(13,20,38,.85);--yi-surface-glass:rgba(11,18,35,.7);--yi-bg-dark:#04060a;--yi-black:#020408;--yi-text-main:#f8fafc;--yi-text-body:#cbd5e1;--yi-text-light:#fff;--yi-text-muted:#94a3b8;--yi-gray-dark:#f8fafc;--yi-blue-deep:#fff;--yi-gray-muted:#94a3b8;--yi-gray-light:hsla(0,0%,100%,.08);--yi-border:hsla(0,0%,100%,.08);--yi-border-hover:rgba(56,189,248,.35);--yi-border-glow:rgba(56,189,248,.2);--yi-glow-blue:0 0 25px rgba(56,189,248,.3);--yi-glow-orange:0 0 25px rgba(251,146,60,.3);--yi-glow-green:0 0 25px rgba(52,211,153,.3);--font-display:"Syne",sans-serif;--font-body:"Inter",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-18:72px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius:8px;--radius-lg:16px;--radius-full:9999px;--transition-fast:all 0.2s cubic-bezier(0.16,1,0.3,1);--transition:all 0.3s cubic-bezier(0.16,1,0.3,1);--transition-slow:all 0.5s cubic-bezier(0.16,1,0.3,1);--navbar-height:72px;--navbar-height-mobile:64px;--navbar-bg:rgba(6,8,15,.75);--navbar-bg-scrolled:rgba(6,8,15,.92);--navbar-border:hsla(0,0%,100%,.08);--navbar-shadow-scrolled:0 10px 30px -10px rgba(0,0,0,.8)}[data-theme=light]{--yi-bg-main:#f8fafc;--yi-bg-alt:#f1f5f9;--yi-bg-card:#fff;--yi-bg-card-hover:#f8fafc;--yi-surface:#fff;--yi-surface-glass:hsla(0,0%,100%,.85);--yi-bg-dark:#0f172a;--yi-black:#000;--yi-text-main:#0f172a;--yi-text-body:#334155;--yi-text-light:#fff;--yi-text-muted:#64748b;--yi-gray-dark:#0f172a;--yi-blue-deep:#0369a1;--yi-gray-muted:#64748b;--yi-gray-light:#e2e8f0;--yi-border:rgba(0,0,0,.08);--yi-border-hover:rgba(56,189,248,.5);--yi-border-glow:rgba(56,189,248,.25);--navbar-bg:hsla(0,0%,100%,.82);--navbar-bg-scrolled:hsla(0,0%,100%,.95);--navbar-border:rgba(0,0,0,.08);--navbar-shadow-scrolled:0 10px 30px -10px rgba(0,0,0,.1);color-scheme:light}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syne:wght@700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:dark}body{background-color:var(--yi-bg-main);background-image:radial-gradient(circle at 15% 15%,rgba(56,189,248,.05),transparent 45%),radial-gradient(circle at 85% 65%,rgba(251,146,60,.04),transparent 45%),radial-gradient(circle at 50% 90%,rgba(52,211,153,.03),transparent 45%);color:var(--yi-text-body);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::selection{background:rgba(56,189,248,.3);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#06080f}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--yi-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.05;color:var(--yi-text-main)}p{color:var(--yi-text-body)}a{color:inherit;text-decoration:none}a,button{transition:var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}ol,ul{list-style:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.glassmorphism{background:rgba(15,23,42,.75);border:1px solid var(--yi-border);box-shadow:0 10px 40px -10px rgba(0,0,0,.5)}.glassmorphism,.glassmorphismDark{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glassmorphismDark{background:rgba(8,12,24,.85);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 15px 40px -10px rgba(0,0,0,.6)}.textGlowBlue{text-shadow:0 0 15px rgba(56,189,248,.5),0 0 30px rgba(56,189,248,.25)}.textGlowOrange{text-shadow:0 0 15px rgba(251,146,60,.5),0 0 30px rgba(251,146,60,.25)}.textGradient{background:linear-gradient(135deg,#fff 0,var(--yi-blue) 100%);-webkit-background-clip:text}.textGradient,.textGradientSky{-webkit-text-fill-color:transparent}.textGradientSky{background:linear-gradient(135deg,var(--yi-blue) 0,#a5f3fc 100%);-webkit-background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.8;box-shadow:0 0 12px rgba(56,189,248,.2)}50%{opacity:1;box-shadow:0 0 25px rgba(56,189,248,.45)}}.animateFadeIn{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.animateSlideUp{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.animateSlideRight{animation:slideRight .8s cubic-bezier(.16,1,.3,1) forwards}.animateFloat{animation:float 4s ease-in-out infinite}.animatePulseGlow{animation:pulseGlow 2.5s ease-in-out infinite}