.cloud-status{display:flex;align-items:center;gap:12px}.cloud-status button{font-size:12px}.cloud-status[data-error=true]{color:#ffb6a8}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);background:#0b131b;color:#f7fafc}.login-story{position:relative;overflow:hidden;padding:56px clamp(42px,6vw,92px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 62% 46%,rgba(188,244,116,.11),transparent 25%),linear-gradient(90deg,rgba(7,15,23,.97),rgba(8,18,27,.86)),url('../assets/car.svg') center 65%/72% auto no-repeat;min-height:100vh}.login-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.25));pointer-events:none}.login-brand,.login-copy{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:18px}.login-brand>div:last-child{display:flex;flex-direction:column}.login-brand b{font-size:32px;letter-spacing:-1px}.login-brand b span{color:#b9fa69}.login-brand small{font-size:11px;letter-spacing:3px;color:#aab9c6;margin-top:5px}.brand-mark{width:64px;height:64px;border-radius:15px;background:#b9fa69;color:#0b131b;font:bold 42px/64px system-ui;text-align:center;box-shadow:0 12px 35px rgba(185,250,105,.12)}.brand-mark span{font-size:0}.brand-mark.compact{width:58px;height:58px;line-height:58px;font-size:38px;margin-bottom:20px}.login-copy{max-width:610px;margin:auto 0}.login-copy h1{font-size:clamp(46px,5.2vw,76px);line-height:.98;letter-spacing:-3px;margin:0 0 24px}.login-copy>p{max-width:590px;font-size:18px;line-height:1.65;color:#bdcbd6;margin-bottom:30px}.login-features{display:grid;gap:13px;max-width:520px}.login-feature{display:flex;align-items:center;gap:15px}.login-feature>span{display:grid;place-items:center;width:50px;height:50px;border:1px solid #344555;border-radius:13px;background:rgba(20,34,46,.72)}.login-feature svg,.login-input svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.login-feature b{display:block;font-size:16px}.login-feature small{display:block;color:#aab9c6;margin-top:3px}.login-side{display:grid;place-items:center;padding:42px;background:radial-gradient(circle at 50% 35%,#172738 0,#0d1721 52%,#091119 100%)}.login-card{width:min(100%,620px);padding:46px 50px;border:1px solid #3b4c5b;border-radius:24px;background:linear-gradient(145deg,rgba(22,37,50,.98),rgba(14,27,39,.98));box-shadow:0 28px 80px rgba(0,0,0,.32)}.login-card .eyebrow{display:block;color:#a8bac9;letter-spacing:2.5px;font-size:11px;margin-bottom:14px}.login-card h2{font-size:34px;margin:0 0 8px}.login-card>p{color:#aebdca;margin:0}.login-form{display:grid;gap:20px;margin:32px 0 24px}.login-form label,.bootstrap-form label{font-weight:700;font-size:14px}.login-input{display:flex;align-items:center;gap:12px;margin-top:8px;padding:0 16px;border:1px solid #465b70;border-radius:9px;background:#1c2b3d;color:#9db0c8}.login-input:focus-within{border-color:#b9fa69;box-shadow:0 0 0 3px rgba(185,250,105,.08)}.login-input input{width:100%;padding:15px 0;background:transparent;border:0;outline:0;color:#fff;font:inherit}.login-input input::placeholder{color:#8395aa}.login-card .btn.primary{background:#b9fa69;color:#0a131b;border-color:#b9fa69;font-weight:800;min-height:52px}.login-divider{display:flex;align-items:center;gap:16px;color:#8193a3;margin:18px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:#344555;flex:1}.bootstrap-box{border:1px solid #40556a;border-radius:14px;background:#1a2a3d;padding:0 18px}.bootstrap-box summary{cursor:pointer;padding:18px 0;font-weight:800}.bootstrap-box>p{color:#aebdca;line-height:1.5;margin:0 0 16px}.bootstrap-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:18px}.bootstrap-form input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #465b70;border-radius:8px;background:#132131;color:#fff}.bootstrap-form button{grid-column:1/-1}.login-error{color:#ffb6a8;min-height:20px;margin:16px 0 0}.login-card .btn:disabled{opacity:.55;cursor:wait}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-story{min-height:auto;padding:32px}.login-copy{margin:70px 0 20px}.login-copy h1{font-size:48px}.login-features{grid-template-columns:1fr 1fr}.login-side{padding:28px 18px}.login-card{padding:32px}}
@media(max-width:600px){.login-story{display:none}.login-shell{display:block;min-height:100vh}.login-side{min-height:100vh;padding:18px}.login-card{padding:28px 22px;border-radius:18px}.login-card h2{font-size:28px}.bootstrap-form{grid-template-columns:1fr}.bootstrap-form button{grid-column:auto}}
