:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#202e2c;background:#f4f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 15%,#dce9df 0,transparent 48%)}main{width:min(100% - 40px,540px);margin:0 auto;padding:55px 0 30px}.brand{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:35px}.mark{display:grid;place-items:center;width:32px;height:32px;background:#245c47;color:#fff;border-radius:9px;font-size:19px}.card{padding:36px;background:#fff;border:1px solid #e2e7df;border-radius:22px;box-shadow:0 20px 60px #263e3010}.eyebrow{color:#57715f;font-size:10px;letter-spacing:1.8px;font-weight:700}h1{font-size:clamp(30px,7vw,42px);letter-spacing:-1.8px;line-height:1.15;margin:17px 0}.intro,#email{color:#748078;font-size:14px;line-height:1.6}#status{margin:24px 0 18px;padding:12px;border-radius:8px;background:#eff5ef;font-size:12px;color:#37634a}#status.error{color:#9a342d;background:#fff0ed}button{width:100%;border:0;border-radius:9px;background:#245c47;color:#fff;padding:14px 18px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}button:hover{background:#194834}button:disabled{opacity:.6;cursor:wait}button span{float:right}button.secondary{margin-top:16px;background:#edf2ed;color:#375644}details{margin-top:28px;border-top:1px solid #e8ece6;padding-top:20px}summary{cursor:pointer;font-size:13px;color:#637168}label{display:block;font-size:12px;font-weight:600;margin-top:18px}input{width:100%;margin-top:7px;border:1px solid #dce3db;border-radius:7px;padding:11px;font:inherit;font-size:13px;color:#293d32;background:#fcfdfb}:focus-visible{outline:3px solid #a2c5b1;outline-offset:3px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{color:#7b877e;font-size:11px;line-height:1.7}code{overflow-wrap:anywhere}footer{text-align:center;color:#819085;font-size:10px;margin-top:25px}#profile{text-align:center;margin-bottom:25px}.avatar{margin:20px auto 12px;background:#e4efe5;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;color:#245c47;font-size:24px}h2{font-size:23px;margin:8px}.badge{display:inline-block;background:#f0f3ed;border-radius:5px;padding:4px 8px;margin:3px;font-size:10px}[hidden]{display:none!important}@media(max-width:420px){.card{padding:25px}main{padding-top:30px}.fields{grid-template-columns:1fr;gap:0}}
