:root{--pink:#ee167f;--purple:#5a0a7d;--deep:#24104f;--blue:#138eea;--cyan:#4dd3ff;--white:#fff;--ink:#171329}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#fff;overflow-x:hidden;background:radial-gradient(circle at 18% 14%,rgba(238,22,127,.7),transparent 31rem),radial-gradient(circle at 88% 84%,rgba(19,142,234,.55),transparent 34rem),linear-gradient(128deg,#19072f 0,#4d0871 43%,#191152 70%,#071c43 100%)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);pointer-events:none}.login-scene{position:fixed;inset:0;overflow:hidden;pointer-events:none}.login-scene span{position:absolute;display:block;border-radius:28% 72% 61% 39% / 34% 42% 58% 66%;filter:blur(.2px);opacity:.32;animation:drift 16s ease-in-out infinite alternate}.login-scene span:nth-child(1){width:260px;height:260px;left:-70px;top:10%;background:linear-gradient(135deg,var(--pink),transparent)}.login-scene span:nth-child(2){width:180px;height:180px;right:5%;top:4%;background:linear-gradient(135deg,var(--blue),transparent);animation-delay:-4s}.login-scene span:nth-child(3){width:300px;height:300px;right:-90px;bottom:-30px;background:linear-gradient(135deg,var(--pink),var(--purple));animation-delay:-8s}.login-scene span:nth-child(4){width:90px;height:90px;left:48%;top:11%;background:var(--cyan);clip-path:polygon(50% 0,100% 100%,0 76%);animation-duration:20s}.login-scene span:nth-child(5){width:120px;height:45px;left:12%;bottom:8%;background:var(--pink);border-radius:18px;animation-delay:-11s}@keyframes drift{0%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(34px,-42px,0) rotate(120deg)}100%{transform:translate3d(-18px,35px,0) rotate(250deg)}}.login-shell{position:relative;z-index:1;min-height:100vh;width:min(1260px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1.16fr .84fr;gap:70px;align-items:center;padding:44px 0}.secure-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);backdrop-filter:blur(14px);border-radius:999px;padding:9px 14px;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.secure-pill i{width:9px;height:9px;border-radius:50%;background:#6effb0;box-shadow:0 0 0 6px rgba(110,255,176,.13);animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:scale(.8);opacity:.65}}.login-logos{display:flex;align-items:center;gap:14px;margin:26px 0}.login-logo-card{width:255px;height:135px;border-radius:22px;background:#fff;display:grid;place-items:center;padding:14px;box-shadow:0 22px 55px rgba(13,3,32,.27)}.login-logo-card img{width:180px;max-width:92%;max-height:104px;object-fit:contain}.login-logo-card img.mclaren{width:202px}.login-x{font-size:26px;font-weight:1000;color:rgba(255,255,255,.72)}.login-eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:950;color:#d9c8e8;margin:34px 0 12px}.login-brand h1{margin:0;font-size:clamp(52px,6.1vw,88px);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;text-shadow:0 10px 0 rgba(16,4,42,.2)}.login-brand h1 span{color:var(--cyan)}.login-brand>p{font-size:18px;line-height:1.55;color:rgba(255,255,255,.76);max-width:690px;margin:24px 0}.feature-row{display:flex;gap:9px;flex-wrap:wrap}.feature-row span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:9px 12px;font-size:11px;font-weight:850}.login-card{position:relative;overflow:hidden;background:rgba(255,255,255,.97);color:var(--ink);border:1px solid rgba(255,255,255,.6);border-radius:32px;padding:34px;box-shadow:0 38px 100px rgba(7,1,24,.38);backdrop-filter:blur(24px)}.card-glow{position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-105px;background:radial-gradient(circle,rgba(238,22,127,.28),transparent 68%);pointer-events:none}.login-card-head{display:flex;align-items:center;gap:15px;margin-bottom:28px}.login-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink),var(--purple));color:#fff;font-weight:1000;box-shadow:0 12px 28px rgba(105,8,135,.25)}.login-card h2{margin:0;font-size:28px;letter-spacing:-.04em}.login-card-head p{margin:4px 0 0;color:#777084;font-size:13px}.login-card label{display:block;margin:17px 0 7px 3px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#5f586d}.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #e5dfeb;background:#faf8fc;border-radius:15px;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:#b860d4;box-shadow:0 0 0 5px rgba(152,52,196,.09);background:#fff}.input-wrap>span{color:var(--pink);font-size:9px}.input-wrap input{width:100%;border:0;outline:0;background:transparent;padding:14px 0;font:inherit;color:var(--ink)}.show-password{border:0;background:transparent;color:var(--purple);font-size:11px;font-weight:950;padding:8px}.sign-in{width:100%;margin-top:24px;border:0;border-radius:16px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--pink),var(--purple) 64%,var(--blue));color:#fff;font:inherit;font-weight:950;box-shadow:0 15px 32px rgba(105,8,135,.26);cursor:pointer;transition:.22s}.sign-in:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(105,8,135,.32)}.sign-in b{font-size:22px}.notice{border-radius:14px;padding:12px 13px;font-size:12px;font-weight:800;margin:-7px 0 11px}.notice.error{background:#fff0f4;color:#a21250;border:1px solid #ffc9dc}.notice.success{background:#eafff6;color:#08734d;border:1px solid #b8f2d9}.login-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #ebe7ef;color:#928b9b;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.login-footer strong{color:var(--purple)}@media(max-width:900px){.login-shell{grid-template-columns:1fr;gap:30px;padding:30px 0 50px}.login-brand{text-align:center}.secure-pill{margin:auto}.login-logos{justify-content:center}.login-brand>p{margin-left:auto;margin-right:auto}.feature-row{justify-content:center}.login-card{width:min(540px,100%);margin:auto}}@media(max-width:580px){.login-shell{width:min(100% - 20px,1260px)}.login-logos{gap:7px}.login-logo-card{width:calc(50% - 12px);height:102px;border-radius:16px;padding:8px}.login-logo-card img{width:140px}.login-logo-card img.mclaren{width:150px}.login-x{font-size:20px}.login-brand h1{font-size:46px}.login-card{padding:23px;border-radius:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Surgical brand refinement: larger McLaren wordmark, unchanged logo-card dimensions. */
.login-logo-card img.mclaren{width:226px;max-width:96%;object-fit:contain}
@media(max-width:580px){.login-logo-card img.mclaren{width:160px;max-width:96%}}