:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f2eefb;background:#100a26}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 20%,#352777 0,transparent 65%),radial-gradient(ellipse at 80% 80%,#381a40 0,transparent 60%),#100a26}.card{width:100%;max-width:440px;padding:36px 32px;border:1px solid #8e5fe1;border-radius:18px;background:#1a1437e8;box-shadow:0 24px 80px #08051255}.logo{width:52px;height:58px;vertical-align:middle}.wordmark{font-size:30px;font-weight:300;letter-spacing:2px;margin-left:12px;vertical-align:middle;color:#c5a5d6}h1{font-size:23px;font-weight:500;margin:28px 0 10px}p{color:#b3aac9;font-size:14px;line-height:1.5;margin:0 0 25px}label{display:block;font-size:14px;margin:19px 0 8px}input{width:100%;height:47px;border:1px solid #51416e;border-radius:9px;padding:0 13px;background:#120d28;color:#fff;font:inherit}input:focus{outline:2px solid #ac83eb;outline-offset:2px}.pin-row{position:relative}.pin-row input{padding-right:65px}button{font:inherit;cursor:pointer}.reveal{position:absolute;right:5px;top:6px;height:35px;border:0;border-radius:6px;background:#302447;color:#ded3ed;padding:0 10px}.submit{margin-top:25px;width:100%;min-height:47px;border:0;border-radius:10px;color:white;font-weight:600;background:linear-gradient(110deg,#7661ee,#d57ba9)}button:disabled{opacity:.65;cursor:wait}#error{color:#ffb0c1;background:#57223655;border:1px solid #9d4b65;border-radius:8px;padding:10px;margin:18px 0 0}@media(max-width:430px){.card{padding:28px 22px}.wordmark{font-size:25px;letter-spacing:1px}}