:root{--bg-primary:#ffffff;--bg-secondary:#f5f5f7;--bg-card:#ffffff;--bg-elevated:#f5f5f7;--text-primary:#1d1d1f;--text-secondary:rgba(0,0,0,0.72);--text-muted:rgba(0,0,0,0.48);--accent-primary:#0071e3;--accent-hover:#0077ed;--accent-link:#0066cc;--accent-focus-ring:#0071e3;--accent-bg:rgba(0,113,227,0.1);--accent-danger:#ff3b30;--accent-danger-bg:rgba(255,59,48,0.1);--accent-warning:#ff9500;--accent-secondary:#34c759;--glass-border:rgba(0,0,0,0.1);--dark-bg:#000000;--dark-surface:#272729;--dark-surface-2:#262628;--dark-elevated:#2a2a2d;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--space-10:96px;--radius-micro:5px;--radius-sm:8px;--radius-md:12px;--radius-pill:980px;--radius-circle:50%;--font-display:-apple-system,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;--font-body:-apple-system,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;--font-mono:SF Mono,Menlo,Monaco,Consolas,monospace;--shadow-card:rgba(0,0,0,0.08) 0 2px 8px 0px;--shadow-elevated:rgba(0,0,0,0.22) 3px 5px 30px 0px;--nav-height:48px;--nav-glass:rgba(0,0,0,0.72);--nav-blur:saturate(180%) blur(20px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;letter-spacing:-.374px;line-height:1.47;background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.02em}h1{font-size:2rem;font-weight:700;line-height:1.07;letter-spacing:-.28px}h2{font-size:1.75rem;line-height:1.1;letter-spacing:-.02em}h2,h3{font-weight:600}h3{font-size:1.3rem;line-height:1.19;letter-spacing:.231px}h4{font-size:1.1rem;font-weight:500;line-height:1.24}p{line-height:1.47;color:var(--text-secondary)}a{color:var(--accent-link);text-decoration:none;letter-spacing:-.224px;font-size:.88rem}a:hover{text-decoration:underline}.card{background:var(--bg-card);border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevated)}.btn-primary{background:var(--accent-primary);color:#ffffff;border:none;border-radius:var(--radius-sm);padding:8px 15px;font-family:var(--font-body);font-size:1rem;font-weight:400;letter-spacing:-.374px;cursor:pointer;transition:background .15s ease,transform .1s ease}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:#ededf2;color:var(--text-primary);transform:scale(.98)}.btn-primary:focus-visible{outline:2px solid var(--accent-focus-ring);outline-offset:2px}.btn-secondary{background:var(--text-primary);color:#ffffff;border:none;border-radius:var(--radius-sm);padding:8px 15px;font-family:var(--font-body);font-size:1rem;font-weight:400;cursor:pointer}.btn-secondary:hover{opacity:.85}.btn-secondary:active{opacity:.7}.btn-pill{display:inline-flex;align-items:center;gap:4px;background:transparent;color:var(--accent-link);border:1px solid var(--accent-link);border-radius:var(--radius-pill);padding:4px 14px;font-family:var(--font-body);font-size:.88rem;font-weight:400;cursor:pointer;transition:all .15s ease;letter-spacing:-.224px}.btn-pill:hover{background:var(--accent-bg);text-decoration:none}.btn-ghost{background:transparent;color:var(--accent-primary);border:none;padding:4px 8px;font-size:.88rem;cursor:pointer;border-radius:var(--radius-micro)}.btn-ghost:hover{background:var(--accent-bg)}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:200;height:var(--nav-height);background:var(--nav-glass);backdrop-filter:var(--nav-blur);-webkit-backdrop-filter:var(--nav-blur);display:flex;align-items:center;padding:0 var(--space-5);border-bottom:none}.progress-track{height:6px;background:rgba(0,0,0,.08);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-fill.success{background:var(--accent-secondary)}.progress-fill.warning{background:var(--accent-warning)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;letter-spacing:-.1px}input,select,textarea{font-family:var(--font-body);font-size:1rem;letter-spacing:-.374px;background:var(--bg-card);border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-bg)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.section-light{background:var(--bg-secondary)}.section-white{background:var(--bg-primary)}.section-dark{background:var(--dark-bg);color:#ffffff}