@font-face{font-family:Poppins;src:url('/fonts/Poppins-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/Poppins-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
:root{color-scheme:dark;font-family:Poppins,Arial,sans-serif;color:#f1f1f1;background:#000}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible{outline:2px solid #85ace6;outline-offset:4px}
.brand{display:flex;flex-direction:column;align-items:center;gap:3px;padding:calc(24px + env(safe-area-inset-top)) 20px 0;font-size:14px;font-weight:500}.brand small{font-size:8px;font-weight:400;color:#929292;letter-spacing:.3px}.brand-orb{width:33px;height:33px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b1c8eb 0,#85ace6 38%,#416b9f 77%,#244269 100%);margin-bottom:2px}
main{flex:1;display:grid;place-items:center;padding:54px 24px}.login-form{width:100%;max-width:355px}h1{font-size:29px;line-height:1.38;letter-spacing:-1.1px;font-weight:500;margin:0 0 14px}.login-form>p:not(.error){color:#969696;font-size:12px;line-height:1.9;max-width:290px;margin:0 0 35px}label{display:block;color:#bdbdbd;font-size:11px;margin-bottom:10px}.code-field{display:flex;align-items:center;border:1px solid #383838;border-radius:14px;background:#171717;min-height:54px}.code-field:focus-within{border-color:#85ace6}.code-field input{background:none;border:0;color:#fff;min-width:0;width:100%;padding:14px 15px;font-size:16px;outline:none}.code-field input:focus-visible{outline:none}.code-field button{border:0;color:#aaa;background:none;font-size:10px;padding:17px 14px;flex-shrink:0;border-radius:10px}.code-field button:hover{color:#fff}.error{font-size:11px;line-height:1.8;color:#edbcb3;margin:10px 0;min-height:20px}.submit{display:block;width:100%;border:0;border-radius:14px;min-height:50px;color:#000;background:#f1f1f1;font-size:12px;font-weight:500;padding:12px 18px}.submit:hover:not(:disabled){background:#dce8f9}footer{font-size:9px;line-height:1.9;color:#7c7c7c;text-align:center;padding:12px 24px calc(23px + env(safe-area-inset-bottom))}
@media(max-width:360px){main{padding:40px 23px}h1{font-size:26px}footer{font-size:8px}}