:root{--bg:#0b1020;--line:rgba(255,255,255,.11)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#f8f9ff;background:radial-gradient(circle at 17% 14%,#284487 0,transparent 31%),radial-gradient(circle at 90% 88%,#4d1d52 0,transparent 32%),var(--bg);font-family:'DM Sans',sans-serif}main{min-height:100vh;width:min(950px,90%);margin:auto;display:grid;grid-template-columns:1fr 410px;gap:95px;align-items:center}.brand{color:white;text-decoration:none;font:700 24px 'Space Grotesk'}.brand:first-letter{color:#ffd44a}.brand span,em{color:#7891ff;font-style:normal}.eyebrow{font:700 10px 'Space Grotesk';letter-spacing:2px;color:#91a5e9;margin:55px 0 15px}.intro h1{font:700 clamp(36px,5vw,57px)/1.05 'Space Grotesk';margin:0 0 19px}.intro>p:last-child{max-width:400px;line-height:1.7;color:#b3bedc;font-size:15px}.login-card{padding:35px;border:1px solid var(--line);border-radius:20px;background:rgba(21,29,55,.86);box-shadow:0 28px 80px rgba(0,0,0,.35)}.lock{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#263a72;color:#ffdb62;font-size:20px}.login-card h2{font:700 27px 'Space Grotesk';margin:21px 0 5px}.login-card>p{color:#a5b1d1;font-size:13px;margin:0 0 24px}.error{margin:-7px 0 17px;padding:10px;border-radius:8px;color:#ffc0c7;background:rgba(238,59,77,.16);font-size:12px}label{display:block;color:#9dacd1;font:700 10px 'Space Grotesk';letter-spacing:1.3px;margin:15px 0}input{display:block;width:100%;margin-top:7px;background:#0d1428;border:1px solid #405076;border-radius:8px;padding:12px;color:white;font:500 14px 'DM Sans';outline:none}input:focus{border-color:#7790ff;box-shadow:0 0 0 3px rgba(103,127,255,.16)}button{width:100%;border:0;border-radius:9px;margin-top:8px;padding:13px 15px;background:linear-gradient(100deg,#5d7dff,#755df4);color:white;font:700 14px 'DM Sans';cursor:pointer}button span{float:right;font-size:18px;line-height:13px}.display{display:block;text-align:center;margin-top:19px;color:#aebdea;font-size:12px;text-decoration:none}@media(max-width:730px){main{width:min(440px,88%);grid-template-columns:1fr;gap:35px;padding:45px 0}.eyebrow{margin-top:20px}.intro h1{font-size:40px}.login-card{padding:27px}.intro>p:last-child{font-size:14px}}