*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans",sans-serif;background:#f3f5f1;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#1a1c1e;padding:16px}
.card{background:#fff;border-radius:18px;padding:28px 22px;max-width:440px;width:100%;box-shadow:0 6px 28px rgba(0,0,0,.08)}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.logo{font-size:28px;font-weight:800;color:#1b5e20;letter-spacing:-1px}.logo span{color:#4caf50}
select{border:1px solid #d1d5db;border-radius:8px;padding:6px 8px;font-size:14px;background:#fff}
h1{font-size:21px;margin-bottom:8px}
.muted{color:#4b5563;font-size:14px;line-height:1.5}
.small{font-size:12px;margin-top:18px}
.points{margin:14px 0 18px 18px;color:#374151;font-size:14px;line-height:1.6}
label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:17px}
button{width:100%;margin-top:14px;padding:13px;border:none;border-radius:12px;font-size:16px;font-weight:600;background:#2e7d32;color:#fff;cursor:pointer}
button.danger{background:#c62828}
button.link{background:none;color:#1b5e20;font-size:14px;margin-top:8px}
button:disabled{opacity:.6;cursor:wait}
.hidden{display:none}
.error{color:#c62828;font-size:14px;margin-top:12px;min-height:1em}
.done{background:#e8f5e9;border-radius:12px;padding:14px;font-size:15px;line-height:1.5;margin-top:10px}