:root{--navy:#0b1739;--blue:#2563eb;--cyan:#38bdf8;--ink:#17233d;--muted:#71809f}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f5f8ff}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.15fr) minmax(420px,.85fr)}.showcase{position:relative;overflow:hidden;padding:54px clamp(42px,6vw,96px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#07132f 0%,#102a63 55%,#1557bd 100%)}.showcase:before,.showcase:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.showcase:before{width:520px;height:520px;right:-220px;top:-180px;border:1px solid rgba(125,211,252,.24);box-shadow:0 0 0 70px rgba(59,130,246,.06),0 0 0 140px rgba(59,130,246,.04)}.showcase:after{width:310px;height:310px;left:-140px;bottom:-130px;background:rgba(14,165,233,.12)}.brand{position:relative;z-index:1;display:flex;align-items:center}.brand-lockup{display:block;width:270px;max-width:100%;height:auto;object-fit:contain}.hero{position:relative;z-index:1;max-width:610px;margin:auto 0;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#38d99c;box-shadow:0 0 0 5px rgba(56,217,156,.13)}.hero h1{max-width:580px;margin:0 0 20px;font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.055em}.hero h1 em{color:#70c7ff;font-style:normal}.hero p{max-width:530px;margin:0;color:#bdcae5;font-size:17px;line-height:1.7}.benefits{display:flex;gap:26px;margin-top:38px;color:#dce8ff;font-size:13px}.benefits span{display:flex;align-items:center;gap:8px}.check{display:grid;width:21px;height:21px;place-items:center;border-radius:7px;background:rgba(56,189,248,.16);color:#7dd3fc;font-weight:800;font-style:normal}.copyright{position:relative;z-index:1;color:#8395bb;font-size:12px}.access{display:flex;align-items:center;justify-content:center;padding:48px clamp(30px,6vw,90px);background:radial-gradient(circle at 100% 0,rgba(56,189,248,.13),transparent 34%),#f8faff}.access-inner{width:100%;max-width:430px}.mobile-brand{display:none}.mobile-brand .brand-lockup{width:235px}.access h2{margin:0 0 9px;color:#101a31;font-size:31px;letter-spacing:-.035em}.intro{margin:0 0 34px;color:var(--muted);font-size:14px;line-height:1.6}label{display:block;margin:0 0 8px;color:#33415f;font-size:12px;font-weight:700}.field{position:relative;margin-bottom:19px}.field>svg{position:absolute;left:15px;bottom:17px;color:#93a0b9}input{width:100%;height:52px;padding:0 46px;border:1px solid #dfe5f0;border-radius:12px;outline:none;background:#fff;color:#17233d;font-size:14px;transition:.2s ease;box-shadow:0 2px 5px rgba(15,23,42,.02)}input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.11)}input::placeholder{color:#a6b0c3}.toggle-password{position:absolute;right:10px;bottom:8px;width:36px;height:36px;padding:0;border:0;background:transparent;color:#8592aa;cursor:pointer}.submit{width:100%;height:52px;margin-top:8px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2563eb,#1679dc);box-shadow:0 12px 25px rgba(37,99,235,.24);font-size:14px;font-weight:750;cursor:pointer;transition:.2s ease}.submit:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(37,99,235,.3)}.error{display:flex;gap:9px;align-items:flex-start;margin-bottom:20px;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b4232c;font-size:13px}.security{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:25px;color:#8a96ad;font-size:11px}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.showcase{display:none}.access{min-height:100vh}.mobile-brand{display:flex;margin-bottom:50px}.access-inner{max-width:440px}}@media(max-width:520px){.access{align-items:flex-start;padding:34px 24px}.mobile-brand{margin-bottom:70px}.access h2{font-size:28px}}
.brand-lockup{width:270px}.mobile-brand .brand-lockup{width:240px}@media(max-width:900px){.mobile-brand{justify-content:center;width:100%;margin-bottom:42px}}