*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#15171c;color:#edf1f7;font:16px/1.6 system-ui,sans-serif;padding:24px}main{width:100%;max-width:440px;border:1px solid #404754;border-radius:14px;padding:36px;background:#232830;box-shadow:0 20px 70px #0005}h1{font-size:30px;letter-spacing:-.7px;margin:12px 0}p,small{color:#b8c4d5}.eyebrow{font-size:11px;letter-spacing:2px;color:#b1c8ed}label{display:block;font-size:14px;margin:20px 0}input{display:block;width:100%;font:inherit;border:1px solid #65738a;border-radius:7px;background:#191e26;color:#f3f6fb;padding:12px;margin-top:8px}button{width:100%;font:inherit;font-weight:650;background:#bdd3f5;color:#172338;border:0;border-radius:7px;padding:13px;cursor:pointer}button:disabled{opacity:.6}#error{color:#ffb9be}small{display:block;font-size:12px;margin-top:25px}

html,body{background:#08090B;color:#F5F7F9}main{background:#0D1014;border-color:#27313E}p,small{color:#A8B3C1}.eyebrow{color:#C9CED6}label{color:#CBD2DC}input{background:#10141A;color:#F5F7F9;border-color:#344257}input:focus{outline-color:#60A5FA}button{background:#60A5FA;color:#08090B}#error{color:#FF6572}