:root { --ink:#0E0F0C; --paper:#FFFFFF; --lime:#B9F26A; --lime-soft:#E3F8CC; --lime-line:#ABE27C; --mid:#5B5F55; --light:#8A8F82; --chilli:#D8412F; --line:#0E0F0C; }
@media (prefers-color-scheme: dark) { :root { --ink:#F1F4EB; --paper:#0B0C0A; --lime:#C2F57C; --lime-soft:#1C2A10; --lime-line:#5E9A2B; --mid:#B4B9AB; --light:#8A8F82; --chilli:#FF7A6B; --line:#F1F4EB; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.5 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; min-height:100vh; display:flex; flex-direction:column; }
main { width:100%; max-width:560px; margin:0 auto; padding:32px 20px 48px; flex:1; }
header.bar { display:flex; align-items:center; gap:10px; padding:16px 20px; border-bottom:2px solid var(--line); }
header.bar img { width:32px; height:32px; }
header.bar a { color:inherit; text-decoration:none; font-weight:800; font-size:20px; letter-spacing:-0.8px; }
h1 { font-size:clamp(34px, 9vw, 52px); line-height:1.02; letter-spacing:-2px; margin:0 0 12px; font-weight:800; text-wrap:balance; }
h2 { font-size:20px; letter-spacing:-0.4px; margin:28px 0 8px; }
p { margin:0 0 14px; color:var(--mid); }
p.lead { font-size:18px; color:var(--ink); }
.eyebrow { font-size:11px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--light); margin:0 0 10px; }
.card { border:2px solid var(--line); border-radius:16px; padding:18px; margin:16px 0; background:var(--paper); }
.card.lime { background:var(--lime-soft); border-color:var(--lime-line); }
.btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:52px; padding:0 20px; border-radius:999px; border:2px solid var(--line); background:var(--lime); color:#0E0F0C; font:inherit; font-weight:800; text-decoration:none; cursor:pointer; margin-top:10px; }
.btn.ghost { background:transparent; color:var(--ink); }
.btn.danger { background:var(--chilli); color:#fff; border-color:var(--chilli); }
.btn[disabled] { opacity:.45; cursor:not-allowed; }
label { display:block; font-size:11px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; color:var(--mid); margin:18px 0 8px; }
input[type=text], textarea, select { width:100%; min-height:48px; padding:10px 14px; border:2px solid var(--line); border-radius:16px; background:var(--paper); color:var(--ink); font:inherit; }
textarea { min-height:96px; resize:vertical; }
.radio { display:flex; align-items:center; gap:10px; padding:12px 14px; border:2px solid var(--line); border-radius:14px; margin-bottom:8px; cursor:pointer; text-transform:none; letter-spacing:0; font-size:15px; font-weight:600; color:var(--ink); }
.radio input { width:18px; height:18px; accent-color:var(--ink); }
.error { color:var(--chilli); font-weight:600; }
.list { margin:0 0 14px; padding-left:20px; color:var(--mid); }
.list li { margin-bottom:6px; }
.avatar { width:72px; height:72px; border-radius:50%; background:var(--lime); border:2px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:34px; font-weight:800; color:#0E0F0C; }
footer { padding:20px; border-top:2px solid var(--line); font-size:13px; color:var(--light); display:flex; flex-wrap:wrap; gap:14px; }
footer a { color:inherit; }
[hidden] { display:none !important; }