:root{--color-background: #f9f9fc;--color-surface: #f5f5f7;--color-surface-elevated: #eeeef1;--color-border: #eeeef1;--color-border-hover: #d1d1d6;--glow-a: #5893e4;--glow-b: #d93a4e;--glow-c: #82e392;--color-text-primary: #1d1d1f;--color-text-secondary: #818181;--color-text-tertiary: #9f9fa0;--color-accent: #0a0a0a;--color-accent-hover: #212121;--color-accent-light: rgba(116, 108, 109, .08);--gradient-accent: linear-gradient( 135deg, #0a0a0a 0%, #2c2c2c 50%, #1a1a1a 100% );--glass-background: rgba(128, 104, 104, .1);--glass-border: rgba(0, 0, 0, .06);--glass-blur: blur(20px) saturate(180%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .12);--shadow-sm-pressed: inset 0 1px 3px rgba(0, 0, 0, .08);--shadow-md-pressed: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg-pressed: inset 0 2px 6px rgba(0, 0, 0, .12);--shadow-xl-pressed: inset 0 3px 8px rgba(0, 0, 0, .15);--spacing-unit: 8px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--neumorphism-shadow: inset 5px 5px 4px #eaeaed, inset -5px -5px 4px #ffffff;--neumorphism-shadow-surface: inset 8px 8px 8px #ddddde, inset -8px -8px 8px #ffffff;--neumorphism-shadow-surface-selected: inset 5px 5px 12px #dbdbdb, inset -5px -5px 12px #f7f7f7;--neumorphism-shadow-surface-elevated: inset 7px 7px 14px #d6d6d9, inset -7px -7px 14px #ffffff;--neumorphism-shadow-modal: 19px 19px 38px #b5b5b7, -19px -19px 38px #ffffff}[data-theme=dark]{--color-background: #161616;--color-surface: #070707;--color-surface-elevated: #1e1e1e;--color-border: #222223;--color-border-hover: #2a2a2b;--color-text-primary: #f5f5f7;--color-text-secondary: #a8a8aa;--color-text-tertiary: #8b8b8b;--color-accent: #f5f5f5;--color-accent-hover: #e8e8e8;--color-accent-light: rgba(139, 139, 139, .5);--gradient-accent: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);--glass-background: rgba(28, 28, 30, .3);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px) saturate(180%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .5);--shadow-sm-pressed: inset 0 1px 3px rgba(0, 0, 0, .4);--shadow-md-pressed: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg-pressed: inset 0 2px 6px rgba(0, 0, 0, .6);--shadow-xl-pressed: inset 0 3px 8px rgba(0, 0, 0, .7);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--neumorphism-shadow: inset 5px 5px 13px #0d0d0d, inset -5px -5px 13px #1f1f1f;--neumorphism-shadow-surface: inset 9px 9px 6px #030303, inset -9px -9px 6px #0b0b0b;--neumorphism-shadow-surface-selected: inset 2px 2px 6px #090909, inset -2px -2px 6px #232323;--neumorphism-shadow-surface-elevated: inset 8px 8px 23px #131313, inset -8px -8px 23px #292929;--neumorphism-shadow-modal: 7px 7px 14px #171717, -7px -7px 14px #262626}@font-face{font-family:Roboto;src:url(/assets/Roboto-WOy3sDCz.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100dvh}body{font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;transition:background-color var(--transition-base),color var(--transition-base);height:100%}h1,h2,h3,h4,h5,h6,p{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.02em;font-size:.75rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit)) calc(var(--spacing-unit) * 2);font-size:.75rem;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-background)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md-pressed)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:none;box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-text-tertiary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface)}.btn-lg{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:1.125rem;border-radius:var(--radius-lg);min-height:56px}.btn-sm{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);font-size:.875rem;border-radius:var(--radius-sm);min-height:36px}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 calc(var(--spacing-unit))}@media(max-width:768px){.container{padding:0 calc(var(--spacing-unit) * 2)}}