*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;color:#0a1220;background:#fff}body{overflow:hidden}.scene{position:fixed;inset:0;background:url('../img/login-background-v6.png') center center/100% 100% no-repeat;z-index:0}.identity,.hero-copy,.bottom-caption,.language-switch,.login-card,.rail-copy,footer{position:fixed;z-index:2}.identity{left:5.55vw;top:8.2vh;height:10.5vh;display:flex;align-items:flex-start;gap:2vw}.savvy-wordmark{font-weight:800;color:#e5093c;font-size:clamp(34px,4.15vw,66px);line-height:.85;letter-spacing:-.035em}.savvy-wordmark span{display:block;font-size:clamp(8px,.92vw,15px);letter-spacing:.47em;margin-top:1.55vh;margin-left:.12em}.identity-line{width:1px;height:9.6vh;background:#202734;margin-top:.25vh}.lab-wordmark{padding-top:1.25vh;color:#090d14}.lab-wordmark b,.lab-wordmark strong{display:block;font-size:clamp(14px,1.58vw,26px);line-height:1.15;letter-spacing:.11em}.lab-wordmark strong{font-weight:500}.lab-wordmark small{display:block;margin-top:1.2vh;font-size:clamp(5px,.53vw,9px);letter-spacing:.32em;color:#5f6875}.hero-copy{left:5.65vw;top:23.8vh;width:42vw}.eyebrow{display:flex;align-items:center;gap:1.35vw;color:#5f6877;font-size:clamp(8px,.85vw,14px);font-weight:700;letter-spacing:.35em}.eyebrow i,.welcome i,.rail-copy i{display:block;width:2px;height:2.7vh;background:#ed1246;transform:skew(-22deg)}.hero-copy h1{margin:3.0vh 0 1.4vh;font-size:clamp(45px,5.2vw,84px);line-height:.84;letter-spacing:-.055em}.hero-copy h1 em{display:inline-block;color:#e70c3f;font-style:normal;white-space:nowrap}.hero-copy p{font-size:clamp(16px,1.55vw,26px);color:#657082;margin:2.5vh 0 3.1vh}.benefits{display:flex;gap:2vw;align-items:center}.benefit{display:flex;align-items:center;gap:.7vw;color:#2b3444}.benefit b{font-size:clamp(7px,.64vw,11px);line-height:1.1}.bi,.bars,.bulb,.pad{width:2.7vw;height:2.7vw;min-width:36px;min-height:36px;max-width:48px;max-height:48px;border-radius:7px;background:rgba(246,248,251,.95);display:grid;place-items:center;color:#0d1726}.bi svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.7}.bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:9px}.bars i{display:block;width:3px;background:#0d1726}.bars i:nth-child(1){height:8px}.bars i:nth-child(2){height:17px}.bars i:nth-child(3){height:12px}.bulb{font-size:24px}.pad{font-size:17px}.bottom-caption{left:3.15vw;bottom:8.55vh;color:#eef0f4;font-size:clamp(8px,.83vw,14px);line-height:1.85;letter-spacing:.34em}.language-switch{top:4.75vh;right:3.45vw;display:flex;background:rgba(249,249,250,.93);border-radius:6px;box-shadow:0 3px 14px rgba(20,30,50,.08);overflow:hidden}.language-switch button{border:0;background:transparent;padding:.95vh 1.28vw;font-size:clamp(11px,.85vw,14px);cursor:pointer}.language-switch button.active{background:#fff}.login-card{left:56.65vw;top:12.85vh;width:33.35vw;height:77.2vh;background:rgba(255,255,255,.97);border-radius:20px;box-shadow:0 16px 40px rgba(28,42,63,.14);padding:4.35vh 4.05vw 3.6vh}.welcome{display:flex;align-items:center;gap:1.2vw;color:#697382;font-size:clamp(7px,.72vw,12px);font-weight:700;letter-spacing:.42em}.welcome i{height:3.2vh}.login-card h2{margin:2.0vh 0 1.65vh;line-height:1.03;letter-spacing:-.03em}.login-card h2 b,.login-card h2 span{display:block;font-size:clamp(27px,2.72vw,46px)}.login-card h2 span{font-weight:400}.login-card .sub{color:#5e6878;font-size:clamp(13px,1.18vw,20px);margin:0 0 2.25vh}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:.45vw;margin-bottom:2.2vh}.role-btn{height:5.2vh;min-height:46px;border:1px solid #e1e5eb;border-radius:8px;background:#f3f5f9;color:#303949;font-size:clamp(12px,1.0vw,17px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:.6vw;cursor:pointer}.role-btn span{width:20px;height:20px}.role-btn svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.role-btn.active{color:#fff;background:linear-gradient(135deg,#ed073e,#cc0e41);border-color:#dc0a3e;box-shadow:0 8px 18px rgba(222,13,65,.18)}.field{height:5.05vh;min-height:44px;border:1px solid #dbe0e8;border-radius:8px;display:flex;align-items:center;margin-bottom:1.35vh;padding:0 .9vw;color:#657084;background:#fff}.field>span{width:20px;height:20px;margin-right:.75vw}.field svg,.eye svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7}.field input{border:0;outline:0;flex:1;font:inherit;font-size:clamp(12px,.95vw,16px);color:#152033;background:transparent}.field input::placeholder{color:#a1a9b6}.eye{border:0;background:transparent;width:22px;height:22px;color:#697487;cursor:pointer}.meta{display:flex;justify-content:space-between;align-items:center;font-size:clamp(10px,.83vw,14px);margin:1.8vh 0 2.0vh}.meta label{display:flex;align-items:center;gap:.35vw}.meta input{width:14px;height:14px}.meta a{color:#e0083f;text-decoration:none}.sign-in{width:100%;height:5.25vh;min-height:48px;border:0;border-radius:7px;color:#fff;background:linear-gradient(135deg,#ea073d,#ca0f42);font-size:clamp(13px,1.02vw,17px);font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-shadow:0 8px 18px rgba(217,15,64,.13)}.sign-in b{position:absolute;right:1.1vw;font-size:24px;font-weight:400}.or{display:flex;align-items:center;gap:1vw;margin:2.45vh 0;font-size:clamp(9px,.75vw,12px);color:#4f5764}.or span{height:1px;background:#e1e4e9;flex:1}.or b{font-weight:400}.microsoft{height:5.25vh;min-height:48px;width:100%;border:0;border-radius:7px;background:#f2f3f6;color:#283142;font-size:clamp(12px,1vw,17px);display:flex;align-items:center;justify-content:center;gap:.7vw;cursor:pointer}.ms{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:2px}.ms i:nth-child(1){background:#f35325}.ms i:nth-child(2){background:#81bc06}.ms i:nth-child(3){background:#05a6f0}.ms i:nth-child(4){background:#ffba08}.powered{position:absolute;left:4.1vw;bottom:5.0vh;display:flex;align-items:center;gap:1.4vw;color:#394252}.kf-mark{display:flex;align-items:center;gap:.45vw;font-size:clamp(8px,.7vw,12px);line-height:.9}.kf-mark i{width:24px;height:24px;border:6px solid #173e93;border-right-color:transparent;transform:rotate(-45deg)}.kf-copy{font-size:clamp(6px,.55vw,9px);line-height:1.45;color:#818896}.alert{background:#fff0f3;color:#b40c35;border:1px solid #ffd2dc;border-radius:6px;padding:.75vh .8vw;margin:-.8vh 0 1vh;font-size:clamp(10px,.75vw,12px)}.rail-copy{right:2.55vw;top:14.7vh;width:6.3vw;color:#e9e8ec;font-size:clamp(10px,1.05vw,17px);letter-spacing:.22em;line-height:1.65}.rail-copy i{height:2.4vh;margin:0 0 1.3vh .45vw}.rail-copy small{position:fixed;right:3.8vw;bottom:21.8vh;font-size:clamp(7px,.7vw,12px);letter-spacing:.27em;line-height:1.65;color:#ddd9df}footer{right:3.2vw;bottom:5.3vh;color:#7a818d;font-size:clamp(7px,.64vw,11px);display:flex;align-items:center;gap:.6vw}footer i{width:1px;height:1.7vh;background:#d7dbe1}
@media (max-width:1050px){body{overflow:auto;min-height:100vh}.scene{background-size:cover;background-position:center bottom}.identity{position:absolute;left:6vw;top:5vh}.hero-copy{position:absolute;left:6vw;top:20vh;width:88vw}.hero-copy h1{font-size:clamp(44px,9vw,74px)}.benefits{flex-wrap:wrap;max-width:60vw}.login-card{position:absolute;left:6vw;top:74vh;width:88vw;height:auto;min-height:680px;padding:40px}.rail-copy,.language-switch,footer,.bottom-caption{display:none}.powered{position:static;margin-top:42px}.scene:after{content:'';position:fixed;inset:0;background:rgba(255,255,255,.35);z-index:-1}}@media(max-width:640px){.identity{gap:18px}.identity-line{display:none}.lab-wordmark{display:none}.hero-copy{top:16vh}.hero-copy h1 em{white-space:normal}.hero-copy p{font-size:16px}.benefits{display:none}.login-card{top:58vh;border-radius:16px;padding:28px 22px}.login-card h2 b,.login-card h2 span{font-size:30px}.role-switch{grid-template-columns:1fr}.powered{display:none}}