:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;color:#eaf4fb;background:#080f1d}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:25px 16px;background:radial-gradient(ellipse at 10% 20%,#28535d66,transparent 55%),radial-gradient(ellipse at 95% 85%,#4c395f44,transparent 50%)}
main{position:relative;width:min(100%,440px);padding:32px 25px;border:1px solid #3a526c;border-radius:24px;background:#101c2de8;box-shadow:0 25px 80px #0004}
img{display:block;border-radius:18px;margin-bottom:17px}
.edition{font-size:11px;color:#a7d9d2;margin-top:3px}
h1{font-size:25px;line-height:1.5;margin:8px 0}
p{font-size:13px;color:#b3c4d5;line-height:1.9;margin:6px 0 16px}
.language{position:absolute;inset-inline-end:22px;top:24px;min-height:44px;padding:10px;color:#cceddf;font-size:12px}
form{display:grid;gap:8px;margin-top:23px}
label{font-size:13px}
input,button{font:inherit;width:100%;min-height:48px;border-radius:11px;padding:10px 12px;border:1px solid #3b566a}
input{font-size:17px;background:#0b1526;color:#fff;letter-spacing:.04em}
button{margin-top:6px;background:linear-gradient(110deg,#cfe5b5,#9ddbcc);color:#102a33;font-weight:700;cursor:pointer}
:focus-visible{outline:3px solid #8ddacb;outline-offset:3px}
.error{color:#ffbbb7;font-size:12px;margin:2px 0}
.notice{font-size:11px;border-top:1px solid #33465a;margin-top:23px;margin-bottom:0;padding-top:15px}
@media(max-width:360px){main{padding:26px 18px}h1{font-size:23px}}

:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}main{padding:27px 24px;border-radius:20px}h1{font-size:23px;line-height:1.45;letter-spacing:-.02em}p{font-size:12px;line-height:1.8}input{font-size:16px}button{font-size:13px}.notice{font-size:11px}img{width:60px;height:60px;border-radius:16px}.edition{font-size:10px}@media(max-width:360px){main{padding:24px 18px}h1{font-size:21px}}
