:root{--bg-base: #0A0A0A;--bg-surface: #111111;--bg-elevated: #1A1A1A;--bg-overlay: #232323;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--text-primary: #F0F0F0;--text-secondary: #888888;--text-muted: #505050;--accent: #00D4A1;--accent-hover: #00BE91;--accent-dim: rgba(0, 212, 161, .1);--accent-glow: 0 0 32px rgba(0, 212, 161, .22);--accent-text: #000000;--danger: #FF5555;--danger-dim: rgba(255, 85, 85, .1);--danger-border: rgba(255, 85, 85, .3);--modal-overlay: rgba(0, 0, 0, .82);--modal-bg: #141414;--modal-shadow: rgba(0, 0, 0, .75);--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 12px 56px rgba(0, 0, 0, .75);--card-border: rgba(255, 255, 255, .13);--card-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 8px 40px rgba(0, 0, 0, .6)}body.light-mode{--bg-base: #F4F4F6;--bg-surface: #FFFFFF;--bg-elevated: #EBEBED;--bg-overlay: #E3E3E6;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .22);--text-primary: #111111;--text-secondary: #666666;--text-muted: #999999;--accent: #009E79;--accent-hover: #008D6B;--accent-dim: rgba(0, 158, 121, .1);--accent-glow: 0 0 32px rgba(0, 158, 121, .18);--accent-text: #FFFFFF;--modal-overlay: rgba(0, 0, 0, .5);--modal-bg: #FFFFFF;--modal-shadow: rgba(0, 0, 0, .14);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .07);--shadow-md: 0 4px 24px rgba(0, 0, 0, .09);--shadow-lg: 0 12px 56px rgba(0, 0, 0, .12);--card-border: rgba(0, 0, 0, .09);--card-shadow: 0 4px 24px rgba(0, 0, 0, .09), 0 1px 3px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{font-family:var(--font);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .35s ease,color .35s ease}*:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.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}.card{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--r-xl);box-shadow:var(--card-shadow);width:100%;max-width:468px;min-height:580px;padding:40px;position:relative;z-index:1;transition:border-color .35s ease,box-shadow .35s ease}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%)}@media(max-width:520px){.card{padding:24px 18px;border-radius:var(--r-lg);max-width:100%;min-height:unset}}