:root{--bg-1:#f4efe4;--bg-2:#dce6dc;--card-bg:#fffefb;--ink:#1f2b2f;--muted:#5c6a70;--line:#d6ddd9;--accent:#0f766e;--accent-hover:#0b5d57;--danger:#b42318;--radius:14px}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(1200px 500px at 100% -10%, #ffe4c0 0%, transparent 60%), radial-gradient(1200px 500px at -10% 100%, #cae8f0 0%, transparent 55%), linear-gradient(155deg, var(--bg-1) 0%, var(--bg-2) 100%);place-items:center;margin:0;padding:24px;font-family:Segoe UI Variable Text,Trebuchet MS,Gill Sans,Noto Sans,sans-serif;display:grid}.container{width:min(100%,540px)}h1{letter-spacing:.02em;margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.4rem)}p{color:var(--muted);margin:0 0 18px}.card{border:1px solid var(--line);background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:0 10px 34px #192a3417}.form-row{margin-bottom:14px}label{margin-bottom:7px;font-weight:650;display:block}input[type=email],input[type=text]{background:#fff;border:1px solid #c6d0ca;border-radius:10px;width:100%;padding:11px 12px;transition:border-color .2s,box-shadow .2s}input[type=email]:focus,input[type=text]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0f766e26}button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:11px;padding:10px 16px;font-weight:650;transition:transform .12s,background .2s}button:hover{background:var(--accent-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}.status{color:#11443e;background:#ecfbf7;border:1px solid #b2d6cf;border-radius:10px;margin-bottom:14px;padding:11px 12px}.error{color:var(--danger);margin-top:5px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f151a80;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal{border-radius:var(--radius);background:#fff;border:1px solid #d4ddda;width:100%;max-width:420px;padding:18px;box-shadow:0 18px 38px #00000038}.modal-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.close-btn{color:#35454b;background:#fff;border:1px solid #c8d2ce;padding:5px 9px;line-height:1}@media (width<=640px){body,.card{padding:16px}}