:root{--bg:#121212;--card:#1c1c1e;--text:#f2f2f2;--text-soft:#9a9a9a;--border:#333;--primary:#3f9c80;--primary-dark:#56b899;--good:#4caf6d;--bad:#e57373;--radius:16px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);margin:0}body{font-size:18px;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:18px}input{font-family:inherit;font-size:18px}.btn{background:var(--primary);color:#fff;border:none;border-radius:999px;padding:14px 28px;font-weight:600;transition:background .15s}.btn:hover{background:var(--primary-dark)}.btn:disabled{color:#8a9691;cursor:not-allowed;background:#3a4a44}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:0 0;border-radius:999px;padding:12px 26px;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.page{max-width:720px;margin:0 auto;padding:24px 20px 100px}.input{border:2px solid var(--border);width:100%;color:var(--text);background:#2a2a2c;border-radius:12px;padding:14px 16px}.input:focus{border-color:var(--primary);outline:none}.label{color:var(--text-soft);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.text-good{color:var(--good)}.text-bad{color:var(--bad)}.text-soft{color:var(--text-soft)}h1{margin:0 0 4px;font-size:28px}h2{margin:0 0 16px;font-size:20px}