html,body{height:100%;margin:0}body{display:grid;place-items:center;background:#030806;color:#e8f5ef;font:14px system-ui,sans-serif}.box{width:min(390px,calc(100% - 48px));padding:34px;border:1px solid #19372d;border-radius:18px;background:#0a1713;box-shadow:0 28px 90px #0009}.brand{color:#62d7a6;font-size:11px;font-weight:800;letter-spacing:4px}h1{margin:10px 0 8px;font-size:27px}p{margin:0 0 22px;color:#82978f}label{display:grid;gap:8px;color:#a9bbb4;font-size:12px}input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #21473a;border-radius:9px;outline:0;color:#fff;background:#05100c}input:focus{border-color:#62d7a6}button{width:100%;margin-top:15px;padding:12px;border:0;border-radius:9px;color:#03100b;background:#62d7a6;font-weight:800;cursor:pointer}.error{display:none;margin-top:12px;color:#ff8585}.error.show{display:block}