:root{--color-bg: #000000;--color-bg-elevated: #0a0a0c;--color-surface: #121214;--color-surface-elevated: #1a1a1e;--color-surface-glass: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-border-focus: rgba(255, 255, 255, .2);--color-text: #f5f5f7;--color-text-secondary: #98989f;--color-text-muted: #6e6e73;--color-accent: #ff375f;--color-accent-hover: #ff4f73;--color-accent-subtle: rgba(255, 55, 95, .15);--color-cyan: #64d2ff;--color-cyan-subtle: rgba(100, 210, 255, .15);--color-ov: #30d158;--color-ov-subtle: rgba(48, 209, 88, .15);--color-omu: #ff9f0a;--color-omu-subtle: rgba(255, 159, 10, .15);--color-omeu: #64d2ff;--color-omeu-subtle: rgba(100, 210, 255, .15);--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .5);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.3125rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(255, 55, 95, .15);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s;--transition-fast: .15s var(--ease-out);--transition-base: .25s var(--ease-out);--transition-slow: .4s var(--ease-in-out);--transition-transform: transform .25s var(--ease-spring)}@media(prefers-color-scheme:light){:root{--color-bg: #f5f5f7;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-glass: rgba(255, 255, 255, .7);--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--color-border-focus: rgba(0, 0, 0, .25);--color-text: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-muted: #98989f;--color-accent: #e8304a;--color-accent-hover: #d42840;--color-accent-subtle: rgba(232, 48, 74, .12);--color-cyan: #0a84ff;--color-cyan-subtle: rgba(10, 132, 255, .12);--color-ov: #28a745;--color-ov-subtle: rgba(40, 167, 69, .12);--color-omu: #e67e00;--color-omu-subtle: rgba(230, 126, 0, .12);--color-omeu: #0a84ff;--color-omeu-subtle: rgba(10, 132, 255, .12);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-hover: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--shadow-glow: 0 0 40px rgba(232, 48, 74, .1);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .12)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;letter-spacing:-.01em;height:100%;height:-webkit-fill-available}body{background:transparent;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}img{max-width:100%;height:auto;display:block}.font-display{font-family:var(--font-display)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}@media(min-width:768px){.container{padding:0 var(--space-8)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 0 5px var(--color-accent)}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff1f,#ffffff0a,#ffffff14);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media(prefers-color-scheme:light){.glass{background:#ffffffb3;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #00000014,0 0 0 1px #00000005}.glass:before{background:linear-gradient(180deg,#fffc,#fff6,#fff9)}}@supports not (backdrop-filter: blur(1px)){.glass{background:var(--color-surface)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}