@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-ext-wght-normal.1o60yhwqd7ueg.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-wght-normal.0n0q_nh7u2mrm.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-vietnamese-wght-normal.0nt7ek_nfk5a4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-ext-wght-normal.39q78sztp1ci5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-wght-normal.20f3xrkj613ah.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#60a5fa;--accent:#7c3aed;--accent-dark:#6d28d9;--gradient-brand:linear-gradient(135deg, var(--primary), var(--accent));--success:#22c55e;--warning:#fbbf24;--danger:#ef4444;--bg-dark:#0a0f1e;--bg-darker:#060a14;--bg-primary:#0a0f1e;--surface:#161b22;--surface-2:#0f172a;--bg-surface:#161b22;--bg-card:#ffffff0a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:#ffffff0f;--glass-bg-hover:#ffffff1a;--glass-border:#ffffff1a;--glass-border-hover:#ffffff2e;--glass-edge-highlight:#ffffff38;--glass-shadow:0 8px 32px #0000004d;--glass-blur:blur(20px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--font-body:"Geist Variable", "Inter", system-ui, -apple-system, sans-serif;--font-display:"Geist Variable", "Outfit", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--fs-xs:clamp(.7rem, .65rem + .25vw, .75rem);--fs-sm:clamp(.8rem, .75rem + .25vw, .875rem);--fs-base:clamp(.875rem, .825rem + .25vw, 1rem);--fs-lg:clamp(1rem, .925rem + .375vw, 1.125rem);--fs-xl:clamp(1.125rem, 1rem + .5vw, 1.25rem);--fs-2xl:clamp(1.25rem, 1.05rem + 1vw, 1.5rem);--fs-3xl:clamp(1.5rem, 1.15rem + 1.75vw, 2rem);--fs-4xl:clamp(1.875rem, 1.25rem + 3.125vw, 2.5rem);--fs-5xl:clamp(2.25rem, 1.25rem + 5vw, 3.5rem);--fs-6xl:clamp(2.75rem, 1.25rem + 7.5vw, 4.5rem);--sidebar-width:260px;--sidebar-collapsed:80px;--header-height:72px;--mobile-nav-height:64px;--z-base:1;--z-header:50;--z-sidebar:100;--z-mobile-nav:200;--z-overlay:300;--z-modal:310;--z-toast:400;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--glass-blur-heavy:blur(30px);--transition-fast:.15s var(--ease-smooth);--transition-base:.3s var(--ease-smooth);--primary-tint:#2563eb26;--primary-glow:#2563eb66;--danger-bg:#ef44441a;--success-bg:#22c55e1f;--text-tertiary:#475569;--font-heading:var(--font-display);--text-xs:var(--fs-xs);--text-sm:var(--fs-sm);--text-base:var(--fs-base);--text-lg:var(--fs-lg);--text-xl:var(--fs-xl);--text-2xl:var(--fs-2xl);--space-1:var(--space-xs);--space-2:var(--space-sm);--space-3:12px;--space-4:var(--space-md);--space-5:var(--space-lg);--space-6:var(--space-xl);--space-8:var(--space-2xl);--space-16:var(--space-4xl)}@property --occupancy-deg{syntax:"<angle>";inherits:false;initial-value:0deg}body{background-color:var(--bg-dark);font-family:var(--font-body);color:var(--text-primary);font-size:var(--fs-base);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:#ffffff1f var(--bg-darker)}::selection{color:#fff;background:#2563eb59}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-edge-highlight);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-card-hover{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-edge-highlight);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--duration-normal) var(--ease-smooth)}.glass-card-hover:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 12px 48px #0006}.btn-primary{font-family:var(--font-body);font-size:var(--fs-base);color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #2563eb4d}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--primary-light), var(--accent));opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb73}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-secondary{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-danger{font-family:var(--font-body);font-size:var(--fs-base);color:#fff;background:linear-gradient(135deg, var(--danger), #dc2626);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444473}.btn-danger:active{transform:translateY(0)}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--accent));padding:1px;position:relative}.gradient-border>*{border-radius:calc(var(--radius-lg) - 1px);background:var(--bg-dark)}.badge{font-size:var(--fs-xs);letter-spacing:.02em;border-radius:var(--radius-full);color:var(--primary-light);background:#2563eb26;border:1px solid #2563eb40;align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#22c55e26;border-color:#22c55e40}.badge-warning{color:var(--warning);background:#f59e0b26;border-color:#f59e0b40}.badge-danger{color:var(--danger);background:#ef444426;border-color:#ef444440}.badge-accent{color:var(--accent);background:#7c3aed1f;border-color:#7c3aed40}.input-field{width:100%;font-size:var(--fs-base);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-smooth);background:#ffffff0a;outline:none;padding:14px 16px}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 3px #2563eb26}.floating-label{position:relative}.floating-label input{width:100%;font-size:var(--fs-base);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-smooth);background:#ffffff0a;outline:none;padding:20px 16px 8px}.floating-label label{font-size:var(--fs-base);color:var(--text-muted);pointer-events:none;transition:all var(--duration-normal) var(--ease-smooth);transform-origin:0;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.floating-label input:focus,.floating-label input:not(:placeholder-shown){border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 3px #2563eb26}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label{color:var(--primary-light);top:12px;transform:translateY(0)scale(.75)}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-smooth) both}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-smooth) both}.animate-slide-right{animation:slideRight var(--duration-slow) var(--ease-smooth) both}.animate-count-up{animation:countUp var(--duration-slow) var(--ease-smooth) both}@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:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.1)}50%{transform:translate(-20px,-60px)scale(.95)}75%{transform:translate(-40px,-20px)scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-50px,20px)scale(1.05)}50%{transform:translate(30px,50px)scale(.9)}75%{transform:translate(50px,-10px)scale(1.1)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,40px)scale(1.08)}66%{transform:translate(-40px,-30px)scale(.92)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.text-4xl{font-size:var(--fs-4xl)}.text-5xl{font-size:var(--fs-5xl)}.text-6xl{font-size:var(--fs-6xl)}.tabular-nums{font-variant-numeric:tabular-nums}.grain-overlay{position:relative}.grain-overlay:before{content:"";pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.spotlight-card{--mouse-x:50%;--mouse-y:50%;--spotlight-opacity:0;position:relative;overflow:hidden}.spotlight-card:after{content:"";background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #ffffff0f 0%, transparent 60%);opacity:var(--spotlight-opacity);transition:opacity .4s var(--ease-smooth);pointer-events:none;z-index:1;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (max-width:480px){.hide-mobile{display:none!important}}@media (min-width:481px){.show-mobile-only{display:none!important}}