:root{--bg: #0f0f12;--surface: #18181c;--border: #2a2a30;--text: #e4e4e7;--muted: #71717a;--accent: #a78bfa;--accent-hover: #c4b5fd;--success: #34d399;--danger: #f87171}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem 1rem;text-align:center;border-bottom:1px solid var(--border)}.header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--accent)}.subtitle{margin:.5rem 0 0;color:var(--muted);font-size:.95rem}.main{flex:1;max-width:720px;margin:0 auto;padding:2rem 1rem;width:100%}.footer{padding:1rem;text-align:center;color:var(--muted);font-size:.85rem;border-top:1px solid var(--border)}.footer a{color:var(--accent)}