:root { --ink:#1e293b; --muted:#64748b; --accent:#2563eb; --line:#e2e8f0; --bg:#f8fafc; } *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}.container{max-width:760px;margin:auto;padding:56px 24px}.hero{display:flex;gap:28px;align-items:center;padding-bottom:40px;border-bottom:1px solid var(--line)}.avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:center 30%;background:#dbeafe;flex:none}.eyebrow{margin:0;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.12em}h1{font-size:2.5rem;line-height:1.15;margin:.15rem 0}h2{margin:0 0 8px}section{margin-top:42px}a{color:var(--accent)}.lead,.muted{color:var(--muted)}form{display:grid;gap:16px;margin-top:20px;max-width:560px}label{display:grid;gap:6px;font-weight:600}input,textarea,button{font:inherit}input,textarea{border:1px solid #cbd5e1;border-radius:7px;padding:10px}textarea{min-height:130px;resize:vertical}.check{display:flex;align-items:center;gap:8px;font-weight:400}.check input{margin:0}small{font-weight:400;color:var(--muted)}button{width:max-content;border:0;border-radius:7px;padding:10px 16px;background:var(--accent);color:white;cursor:pointer}.secondary{background:#475569}.danger{background:#b91c1c}.messages{margin-top:44px}.messages article{padding:18px 0;border-bottom:1px solid var(--line)}.messages p{white-space:pre-wrap;margin:.5rem 0}.messages time{display:block;color:var(--muted);font-size:.85rem}.notice{padding:10px 12px;border-radius:7px}.notice.error{background:#fee2e2;color:#991b1b}.notice.success{background:#dcfce7;color:#166534}.trap{position:absolute;left:-10000px}.badge{margin-left:8px;padding:2px 6px;background:#ede9fe;border-radius:4px;font-size:.75rem;color:#5b21b6}.actions{display:flex;gap:8px;margin-top:14px}.actions form{margin:0;display:block}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-head form{margin:0}.login{max-width:440px}footer{margin-top:64px;color:var(--muted);font-size:.9rem}@media(max-width:520px){.container{padding:38px 18px}.hero{align-items:flex-start;gap:16px}.avatar{width:72px;height:72px}h1{font-size:2rem}}