:root{--blue:#0b68e8;--navy:#061a3b;--text:#10213d;--muted:#6f7f96;--line:#dce6f2}*{box-sizing:border-box}body{margin:0;font:14px Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#f6f9fd}main{min-height:100vh;display:grid;grid-template-columns:1.06fr .94fr}.story{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:42px 64px;color:#fff;background:radial-gradient(circle at 75% 70%,#1779ed88 0 4%,transparent 38%),linear-gradient(145deg,#061a3b,#08295d 66%,#0c55bb)}.story::before,.story::after{content:'';position:absolute;border:1px solid #55a8ff30;border-radius:50%;width:520px;height:520px;right:-180px;bottom:-180px}.story::after{width:350px;height:350px;right:-95px;bottom:-95px}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#67b8ff,#0964e7);font-size:22px;font-weight:900;box-shadow:0 12px 30px #0076ff55}.brand div{display:grid}.brand b{font-size:16px}.brand small{color:#72aff9}.story-copy{margin:auto 0;max-width:580px}.story-copy p,.eyebrow{letter-spacing:.16em;font-weight:800;font-size:10px;color:#62afff}.story h1{font-size:52px;line-height:1.05;margin:15px 0 22px}.story h1 em{font-style:normal;color:#65b7ff}.story-copy>span{display:block;max-width:500px;color:#b8cce6;font-size:17px;line-height:1.6}.floating-card{position:absolute;right:7%;bottom:14%;width:270px;padding:18px;border:1px solid #72b9ff55;background:#0b3468cc;border-radius:16px;box-shadow:0 25px 70px #0005;backdrop-filter:blur(15px);transform:rotate(-2deg);animation:float 5s ease-in-out infinite}.floating-card small{color:#84beff;font-size:9px;letter-spacing:.12em}.floating-card strong{display:block;font-size:26px;margin:9px 0}.floating-card div{height:44px;position:relative;border-bottom:1px solid #ffffff30}.floating-card i{position:absolute;inset:2px 0;background:linear-gradient(135deg,transparent 0 20%,#4fa7ff 21% 23%,transparent 24% 38%,#4fa7ff 39% 42%,transparent 43% 55%,#4fa7ff 56% 60%,transparent 61% 74%,#4fa7ff 75% 79%,transparent 80%);clip-path:polygon(0 80%,20% 57%,38% 68%,57% 35%,75% 45%,100% 5%,100% 100%,0 100%);background-color:#2692ff44}.floating-card p{font-size:10px;color:#72efb8}.story footer{color:#809abe;font-size:11px}.login{display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 100% 0,#e0efff,transparent 35%),#f7faff}.login-box{width:min(430px,100%)}.mobile-brand{display:none}.login h2{font-size:31px;margin:7px 0}.intro{color:var(--muted);margin:0 0 28px}.login form{display:grid;gap:17px}.login label{display:grid;gap:7px;font-size:12px;font-weight:700}.login label>span{display:flex;justify-content:space-between}.login a{color:var(--blue);text-decoration:none}.login input{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:0;color:var(--text)}.login input:focus{border-color:#2682ef;box-shadow:0 0 0 3px #2682ef1a}.password{display:flex;position:relative}.password button{position:absolute;right:5px;top:5px;width:34px;height:34px;border:0;background:transparent;color:#71839b}.remember{display:flex!important;grid-template-columns:auto 1fr;align-items:center;color:var(--muted)}.remember input{width:16px;height:16px}.submit,.biometric{border-radius:11px;padding:13px;font-weight:800;cursor:pointer}.submit{border:0;color:#fff;background:linear-gradient(135deg,#0860dc,#258af5);box-shadow:0 12px 28px #0860dc30}.divider{display:flex;align-items:center;gap:10px;color:#9aa8ba;margin:21px 0}.divider::before,.divider::after{content:'';height:1px;background:var(--line);flex:1}.biometric{width:100%;border:1px solid var(--line);background:#fff;color:var(--text)}.signup{text-align:center;color:var(--muted);margin:25px 0}.login aside{display:grid;gap:4px;border:1px solid #bedcff;border-radius:12px;background:#edf6ff;color:#3f638d;padding:13px;font-size:11px}.login aside b{color:#0c62cf}@keyframes float{50%{transform:rotate(-1deg) translateY(-10px)}}@media(max-width:850px){main{display:block}.story{display:none}.login{min-height:100vh;padding:24px}.mobile-brand{display:block;color:var(--blue);font-weight:900;margin-bottom:45px}.login h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.biometric{display:none!important}