*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#0b1116;color:#f4f7fa}body{min-height:100dvh}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;min-height:100dvh}.intro{padding:42px 8vw 35px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 85%,#199af014,transparent 60%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),#11191e;background-size:auto,52px 52px,52px 52px,auto;border-right:1px solid #24323d}.intro:before,.intro:after{content:"";position:absolute;width:770px;height:410px;border:3px solid #199af055;border-radius:50%;transform:rotate(-28deg);left:-490px;bottom:-250px;pointer-events:none}.intro:after{border-color:#f5248655;transform:rotate(25deg);left:12vw;top:-290px;bottom:auto}.wordmark{position:relative;text-decoration:none;font-size:14px;font-weight:750;letter-spacing:2px;color:#eaf3fa}.wordmark span{color:#7c929f;font-size:11px;letter-spacing:1.2px}.intro-content{margin:auto 0;padding:65px 0}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;text-transform:uppercase;color:#829fae;margin:0 0 24px}h1{font-size:clamp(38px,4.2vw,70px);line-height:1.1;letter-spacing:-2.5px;margin:0 0 28px;font-weight:720}h1 span{color:#199af0}.description{color:#aabdc8;line-height:1.7;font-size:17px;margin:0}.feature-row{display:flex;gap:10px;margin-top:34px}.feature-row span{border:1px solid #2b3f4d;border-radius:30px;padding:7px 14px;font-size:12px;color:#bdd0dd}.signature{font-size:12px;color:#8198a7;margin:0}.form-side{display:flex;align-items:center;justify-content:center;padding:45px 30px;background:radial-gradient(ellipse at 80% 30%,#199af008,transparent 60%)}.login-card{width:100%;max-width:390px}.card-mark{width:48px;height:48px;display:grid;place-items:center;background:#152b3b;border:1px solid #254760;border-radius:13px;color:#42b6ff;font-size:25px;margin-bottom:30px}.login-card .eyebrow{margin-bottom:14px}h2{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0 0 14px}.form-description{font-size:15px;color:#8fa8b8;margin:0 0 35px}label{display:block;font-size:13px;color:#c6d7e2;margin:20px 0 9px}input{width:100%;height:49px;background:#111d26;border:1px solid #2a4153;border-radius:9px;color:#e9f6ff;font:inherit;font-size:16px;padding:0 14px;outline:none}input:focus{border-color:#199af0;box-shadow:0 0 0 3px #199af018}.password-field{position:relative}.password-field input{padding-right:52px}button{cursor:pointer;font:inherit}.password-field button{position:absolute;right:4px;top:4px;width:42px;height:41px;background:transparent;color:#7d9bad;border:0;font-size:20px;border-radius:7px}.password-field button:hover{color:#d8efff;background:#1d3341}#submit{margin-top:27px;height:50px;width:100%;background:#199af0;border:1px solid #35aafa;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:15px;color:#fff;font-weight:650}#submit:hover{background:#2ba7f5}#submit:disabled{opacity:.65;cursor:wait}#login-error{color:#ff9fba;font-size:13px;line-height:1.5;min-height:20px;margin:15px 0 0}.privacy-note{border-top:1px solid #20313e;padding-top:20px;font-size:12px;color:#728c9e;line-height:1.5}button:focus-visible{outline:2px solid #bce6ff;outline-offset:3px}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.intro{padding:25px 25px 0;border-right:0;border-bottom:1px solid #24323d}.intro-content{padding:30px 0}h1{font-size:38px;letter-spacing:-1px}.description{font-size:14px}.feature-row,.signature{display:none}.form-side{padding:35px 25px}.card-mark{display:none}h2{font-size:27px}.form-description{margin-bottom:25px}}