:root{color-scheme:dark;font-family:system-ui,"Malgun Gothic",sans-serif;background:#0d1019;color:#f4f5fa}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(ellipse at top,#252033,#0d1019 65%)}
.entry{width:min(100%,420px);padding:32px;border:1px solid #3a3549;border-radius:20px;background:#151720;box-shadow:0 20px 70px #0006}.logo{display:block;max-width:80%;height:auto;margin:0 auto 24px}h1{font-size:26px;margin:0 0 12px}.intro{color:#bbc0cf;font-size:14px;line-height:1.7}form{display:grid;gap:10px;margin-top:22px}label{font-size:14px}input{width:100%;min-height:46px;background:#0e1017;border:1px solid #4c4e61;border-radius:8px;color:inherit;padding:10px 12px;font:inherit;margin-bottom:6px}input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f3bc64;outline-offset:3px}button{min-height:46px;border:0;border-radius:8px;background:#cf304e;color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:6px}button:disabled{opacity:.6;cursor:wait}.feedback{white-space:pre-line;color:#f7c780;line-height:1.6;font-size:14px;margin:0;overflow-wrap:anywhere}details{border-top:1px solid #3a3549;margin-top:24px;padding-top:20px}summary{cursor:pointer;color:#d8dbe6}noscript{display:block;margin-top:20px;color:#f7c780}@media(max-width:420px){.entry{padding:24px}}