:root{font-family:"Manrope",system-ui,sans-serif;color:#121735;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.shell{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.08fr) minmax(430px,.92fr)}.story{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:42px clamp(42px,6vw,92px);color:#fff;background:radial-gradient(circle at 84% 15%,rgba(173,96,255,.32),transparent 31%),radial-gradient(circle at 10% 90%,rgba(55,115,255,.22),transparent 38%),linear-gradient(145deg,#0b1230 0%,#17144c 52%,#30145f 100%)}.story:after{position:absolute;right:-90px;bottom:-160px;width:430px;height:430px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018);content:""}.brand,.mobile-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#5945d9,#a743d2);box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:22px;font-weight:800}.brand>span:last-child{display:grid}.brand strong{font-size:21px}.brand small{margin-top:1px;color:#bbb9df;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.story-copy{position:relative;z-index:1;max-width:610px;margin:auto 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d6d5f4;background:rgba(255,255,255,.06);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#66dfb2;box-shadow:0 0 0 5px rgba(102,223,178,.11)}h1{max-width:650px;margin:24px 0 17px;font-size:clamp(40px,4.6vw,66px);line-height:1.04;letter-spacing:-.05em}.story-copy>p{max-width:570px;margin:0;color:#c8c8e4;font-size:16px;line-height:1.75}.benefits{display:grid;gap:11px;margin-top:38px}.benefits article{display:flex;max-width:550px;align-items:center;gap:14px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}.benefits article>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;color:#c8baff;background:rgba(130,98,255,.18);font-size:10px;font-weight:800}.benefits article div{display:grid;gap:3px}.benefits strong{font-size:13px}.benefits small{color:#aaaaca;font-size:11px;line-height:1.4}.story footer{position:relative;z-index:1;color:#8585ad;font-size:10px}.access{display:grid;align-content:center;padding:38px clamp(30px,6vw,85px);background:radial-gradient(circle at 100% 0,#eeeaff,transparent 35%),#f8f9fd}.login-card{width:100%;max-width:475px;margin:auto;padding:38px;border:1px solid #e5e6f0;border-radius:27px;background:rgba(255,255,255,.94);box-shadow:0 30px 75px rgba(29,32,76,.11)}.secure{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#187755;background:#eaf9f2;font-size:10px;font-weight:800;text-transform:uppercase}.secure span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;color:#fff;background:#23a576}h2{margin:20px 0 7px;color:#121735;font-size:30px;letter-spacing:-.04em}.intro{margin:0 0 28px;color:#747890;font-size:13px;line-height:1.6}form>label{display:grid;gap:8px;margin-top:17px}form>label>span{color:#343950;font-size:11px;font-weight:800}.field{display:flex;height:52px;align-items:center;gap:10px;padding:0 13px;border:1px solid #dcdfea;border-radius:13px;background:#fbfcff;transition:.2s}.field:focus-within{border-color:#6655dc;box-shadow:0 0 0 4px rgba(102,85,220,.1);background:#fff}.field b{color:#888da7;font-size:15px}.field input{width:100%;border:0;outline:0;color:#171b37;background:transparent;font:600 13px inherit}.field input::placeholder{color:#a9adbe}.field button{border:0;color:#6052ce;background:transparent;font-size:10px;font-weight:800;cursor:pointer}.form-row{display:flex;align-items:center;justify-content:space-between;margin:15px 0 0}.remember{display:flex;align-items:center;gap:7px;color:#646980;font-size:10px}.remember input{accent-color:#6554da}.form-row a,.legal a{color:#5b4bc9;font-size:10px;font-weight:700;text-decoration:none}.message{display:none;margin:13px 0 0;padding:10px 12px;border-radius:10px;color:#aa3046;background:#fff0f2;font-size:11px}.message.show{display:block}.message.success{color:#15734d;background:#e9f9f1}.submit{display:flex;width:100%;height:53px;align-items:center;justify-content:center;gap:11px;margin-top:18px;border:0;border-radius:13px;color:#fff;background:linear-gradient(120deg,#4f55d8,#8044d5);box-shadow:0 13px 27px rgba(90,72,204,.24);font:800 13px inherit;cursor:pointer;transition:.18s}.submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(90,72,204,.3)}.submit:disabled{opacity:.65;cursor:wait}.submit b{font-size:18px}.divider{display:flex;align-items:center;gap:12px;margin:24px 0 14px;color:#a2a5b5;font-size:9px}.divider:before,.divider:after{height:1px;flex:1;background:#ececf2;content:""}.request{display:flex;height:49px;align-items:center;justify-content:center;gap:7px;border:1px solid #daddea;border-radius:13px;color:#303650;background:#fff;font-size:11px;font-weight:800;text-decoration:none}.legal{margin:18px auto 0;color:#999cad;font-size:9px;line-height:1.5;text-align:center}.trust{display:flex;max-width:475px;justify-content:center;gap:15px;margin:19px auto 0;color:#8b8fa4;font-size:9px}.mobile-brand{display:none}@media(max-width:900px){.shell{grid-template-columns:1fr}.story{display:none}.access{min-height:100vh;padding:25px 18px}.mobile-brand{display:flex;max-width:475px;width:100%;margin:0 auto 22px}.mobile-brand strong{font-size:20px}.login-card{padding:29px 22px;border-radius:22px}.trust{flex-wrap:wrap;gap:8px 14px}.brand-mark{width:42px;height:42px}}@media(max-width:390px){h2{font-size:27px}.form-row{align-items:flex-start;gap:8px}.trust{font-size:8px}}