:root{font-family:Inter,Arial,sans-serif;color:#e7eeee;background:#101715;color-scheme:dark}*{box-sizing:border-box}body{margin:0;display:grid;min-height:100svh;place-items:center;padding:24px}main{width:min(100%,420px);padding:38px;border:1px solid #31433c;border-radius:20px;background:#19231f;box-shadow:0 24px 80px #0003}.brand{font-size:46px;font-weight:800;letter-spacing:-3px}.brand span{color:#27c499}.intro,footer{color:#a0b5ab;font-size:14px}h1{font-size:24px;margin-top:32px}p{line-height:1.5}label{display:block;margin:20px 0;font-size:14px}input{display:block;width:100%;padding:13px;margin-top:8px;background:#101715;border:1px solid #466055;border-radius:9px;color:#fff;font:inherit;font-size:17px}button,a{display:block;width:100%;border:0;border-radius:9px;padding:14px;background:#27c499;color:#09291d;font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}button:disabled{opacity:.6}button.secondary{background:transparent;color:#bccfc5;margin-top:12px}footer{margin-top:30px}#error{color:#ffb0a5}form[hidden],section[hidden]{display:none}