*{box-sizing:border-box}html,body{overflow-x:hidden}
body{margin:0;background:#15161b;color:#eee;font-family:-apple-system,Helvetica,Arial,sans-serif;padding:0 16px calc(24px + env(safe-area-inset-bottom))}
header{text-align:center;padding:calc(20px + env(safe-area-inset-top)) 0 10px}header a{text-decoration:none}
h1.logo{margin:0;font:900 italic 34px/1 -apple-system,Helvetica,sans-serif;letter-spacing:2px;color:#ffd54a;text-shadow:3px 3px 0 #c0392b}
main{max-width:480px;margin:0 auto}
h2{font:900 italic 22px/1.2 -apple-system,Helvetica,sans-serif;color:#ffd54a;text-shadow:2px 2px 0 #0b5b5f;margin:16px 0 8px}
p{line-height:1.45;color:#cfd3d6}
.card{background:#1b2629;border:2px solid #1f6f73;border-radius:18px;padding:16px;margin:14px 0}
.card h3{margin:0 0 6px;color:#ffd54a;font-size:18px}
.card p{margin:0 0 12px;font-size:14px}
label{display:block;font-weight:700;font-size:14px;margin:10px 0 4px;color:#dfe}
input,select{-webkit-appearance:none;appearance:none;font-family:inherit;width:100%;padding:11px 12px;border-radius:12px;border:2px solid #2f5d60;background:#10191b;color:#eee;font-size:16px}
input:focus,select:focus{outline:none;border-color:#ffd54a}
.btn{display:block;font-family:inherit;width:100%;margin-top:14px;padding:12px;border:0;border-radius:20px;background:#ffd54a;color:#3a2a00;font-weight:900;font-size:16px;letter-spacing:.5px;box-shadow:0 4px 0 #a07d10;cursor:pointer;text-align:center;text-decoration:none}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #a07d10}
.btn.teal{background:#1f8a8f;color:#fff;box-shadow:0 4px 0 #0b5b5f}
.btn[disabled]{background:#2b2d33;color:#888;box-shadow:none;cursor:not-allowed}
.small{font-size:12px;color:#9aa;line-height:1.5}
.msg{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:14px;display:none;word-break:break-word}
.msg.ok{display:block;background:#123b3d;border:1px solid #1f8a8f}.msg.err{display:block;background:#3a1714;border:1px solid #a3180f}
.msg a{color:#ffd54a}
.links{text-align:center;font-size:14px;margin-top:16px}.links a{color:#7fd6d9}
.or{text-align:center;color:#778;font-size:12px;margin:12px 0 0}
.brick{display:inline-block;width:34px;height:22px;border-radius:4px;background:#ffd54a;box-shadow:inset 0 -4px 0 #c99a12,inset 0 2px 0 #fff3b0;vertical-align:middle}
.tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:800}
.tag.y{background:#1f8a8f;color:#fff}.tag.n{background:#5a4a12;color:#ffd54a}
footer{text-align:center;margin-top:30px;color:#666;font-size:11px;letter-spacing:2px}
select{background-image:linear-gradient(45deg,transparent 50%,#ffd54a 50%),linear-gradient(135deg,#ffd54a 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat}