*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font:16px/1.6 Manrope,"Segoe UI",system-ui,sans-serif;background:#041F1E;color:#10292A;display:grid;place-items:center;padding:24px;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));position:relative;overflow:hidden}
body::before{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-300px;background:radial-gradient(circle,rgba(0,124,125,.6),transparent 65%)}
body::after{content:"";position:absolute;width:600px;height:600px;left:-240px;bottom:-280px;background:radial-gradient(circle,rgba(0,124,125,.4),transparent 65%)}
.card{position:relative;z-index:1;background:#fff;border-radius:22px;padding:2.5rem 2.2rem;width:100%;max-width:420px;box-shadow:0 40px 90px rgba(0,0,0,.4);text-align:center}
.card img{width:64px;height:64px;margin:0 auto 1rem}
.wm{font-family:Jost,sans-serif;letter-spacing:.08em;color:#007C7D;font-size:1.3rem;display:block}
.wm small{display:block;font-size:.6rem;letter-spacing:.35em;color:#5A6D6D;margin-top:.2rem}
h1{font-size:1.45rem;margin:1.4rem 0 .4rem;letter-spacing:-.01em}
p{color:#5A6D6D;margin:0 0 1.6rem;font-size:.95rem}
label{display:block;text-align:left;font-weight:700;font-size:.85rem;margin-bottom:.4rem}
.f{display:flex;border:1.5px solid #DCE6E5;border-radius:12px;overflow:hidden}
.f:focus-within{border-color:#007C7D;box-shadow:0 0 0 3px #E2F2F1}
input{flex:1;border:0;padding:.85rem 1rem;font:inherit;outline:none;min-width:0}
.show{border:0;background:none;padding:0 1rem;color:#007C7D;font-weight:700;cursor:pointer;font:inherit;font-size:.85rem}
button.go{width:100%;margin-top:1rem;border:0;border-radius:12px;background:#007C7D;color:#fff;font:inherit;font-weight:700;padding:.9rem;cursor:pointer}
button.go:hover{background:#00605F}button.go:disabled{opacity:.7;cursor:wait}
.err{color:#C62D1F;font-size:.88rem;min-height:1.4em;margin-top:.8rem}
.ft{margin-top:1.6rem;font-size:.78rem;color:#7A8C8B}
:focus-visible{outline:3px solid #E3242B;outline-offset:2px}
.shake{animation:sh .35s}@keyframes sh{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
@media (prefers-reduced-motion:reduce){.shake{animation:none}}