@import url('/style.css');
:root{color:#eaf0ff;background:#080d17;--muted:#8293af;--green:#6c9dff}body{background:radial-gradient(ellipse at 75% 0,#12274a55,transparent 55%),#080d17;min-height:100vh}aside{width:auto;height:90px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px;padding:0 5%;border-bottom:1px solid #ffffff0d;background:#0a101cf5;position:sticky;inset:auto;top:0;z-index:4;backdrop-filter:blur(18px)}.brand{font-size:23px;letter-spacing:5px}.brand span{font-size:8px;color:#7e98bf}.aside-bottom{margin:0;font-size:10px;line-height:1.7;color:#a9c3ea}.aside-bottom small{color:#566b8f}nav{display:flex;gap:22px;margin:0}nav a{color:#91a2bf;font-size:12px;border:0;padding:10px 0}nav a:hover{color:white;background:none}.dot{background:#78a5ff;box-shadow:0 0 14px #7caaff}main{max-width:1320px;margin:auto;padding:0 46px}header{min-height:60px;height:60px;border:0;color:#637795;font-size:9px;letter-spacing:2px}section{padding-top:35px;scroll-margin-top:110px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#7ca8ff}h1{font-size:46px;font-weight:450}h2{font-size:28px;font-weight:450}h3{font-size:17px;font-weight:550}p{color:#8c9fbd}small,.hint{color:#8293af}button,.button{border:1px solid #8cb2ff33;border-radius:8px;background:linear-gradient(135deg,#477ce9,#2d56a9);box-shadow:inset 0 1px #ffffff19;color:white;transition:.18s}button:hover:not(:disabled),.button:hover{filter:brightness(1.15);transform:translateY(-1px)}button:disabled{opacity:.32;box-shadow:none}.secondary{background:#15233b;color:#a8c8ff;border-color:#2a3e60}.quiet{background:none;box-shadow:none;border:0;color:#99abc7}.login{max-width:none;display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:center;padding:45px 0 80px;min-height:650px}.login-art{position:relative;overflow:hidden;padding:0 0 28px}.login-art h1{font-size:43px;position:relative;z-index:1}.login-art img{width:115%;max-width:none;margin:12px -8% -20px;display:block;mix-blend-mode:lighten}.paint-label{font-size:9px;letter-spacing:3px;color:#647ea4;display:flex;gap:12px;align-items:center}.paint-label i{width:29px;height:12px;border-radius:10px;background:linear-gradient(120deg,#071225,#3963a3 35%,#101f49 70%);box-shadow:0 0 14px #4b7ef833}.login-card{max-width:none;margin:0;padding:38px;border:1px solid #34496c66;border-radius:20px;background:linear-gradient(145deg,#18273dba,#0e1625e8);box-shadow:0 25px 90px #0006}.login-card h2{font-size:29px;margin-top:14px}.login-card p{font-size:13px}.login-card form{display:grid;gap:12px;margin:28px 0 0;max-width:none}.login-card label{font-size:12px;color:#c0cee3}.login-card input,.login input[type=password]{width:100%;border:1px solid #2a3c59;border-radius:8px;background:#080f1e;color:white;padding:14px;font:inherit;outline:none;min-width:0}.login-card input:focus{border-color:#6f9eff;box-shadow:0 0 0 3px #6293fa17}.password-row{position:relative}.password-row input{padding-right:90px!important}.password-row button{position:absolute;right:8px;top:10px;font-size:11px}#login-submit{padding:16px;margin-top:12px;font-size:15px}.login-card .hint{font-size:11px;color:#62799d}#login-feedback{min-height:20px;margin:0;font-size:13px;color:#a6c4fa}#login-feedback.error{color:#ffa49a}.badge,.pill{border:1px solid #6a88bb30;font-size:11px;color:#91a5c5;background:#101e32}.badge.on{color:#b6e4db;background:#173a3766;border-color:#478c7a55}.hero{position:relative;min-height:420px;overflow:hidden;border-radius:18px;border:1px solid #2d436a70;background:#101a2a;margin:28px 0 22px;display:flex;align-items:flex-end;padding:32px}.hero>div{position:relative;z-index:2;max-width:420px;padding:20px;background:linear-gradient(100deg,#09101dea,#09101d00);border-radius:12px}.hero h2{font-size:31px}.hero p{max-width:320px;font-size:12px}.hero-car{position:absolute;right:-2%;top:-8%;width:85%;height:115%;object-fit:cover;mix-blend-mode:lighten}.pill{background:#0a1522cc}.metrics article,.card{border:1px solid #253752;background:linear-gradient(135deg,#111d30,#0e1726);border-radius:14px}.metrics span{font-size:11px;color:#7e96ba}.metrics strong{font-size:24px;font-weight:450}.metrics small{font-size:10px}input[type=range]{accent-color:#6f9fff}.vehicle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vehicle-grid .card{background:#101826}.vehicle-grid h3{color:#c4d1e7}.vehicle-grid p{font-size:12px;margin-bottom:12px}.vehicle-grid small{font-size:11px;color:#8490a7}.control-icon{font-size:27px;color:#6288bf;display:block;height:34px}.media-buttons{display:flex;gap:8px;margin:23px 0 13px}.media-buttons button{flex:1;padding:14px 8px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.settings-grid button{background:#162740;color:#a9c7f4}.app{background:#111d30;border-color:#263b5c;border-radius:12px}.danger{color:#ffb3ad;background:#432b35;border-color:#65404d}.file-label{border-color:#4d6893;color:#adc8f3;border-radius:8px}.command{border-color:#23314a}.step{color:#729eea}code{color:#9ebaea}footer{border-color:#ffffff0a;color:#5c7194;font-size:10px}#notice{border:1px solid #3a567f;background:#18263d;color:#e3ecfc;border-radius:12px;box-shadow:0 20px 70px #0008}
@media(max-width:1100px){aside{gap:20px;padding:0 30px}nav{gap:14px}.aside-bottom{display:none}.login{grid-template-columns:1.2fr 1fr;gap:22px}.login-card{padding:27px}.login-art h1{font-size:36px}.vehicle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){aside{height:auto;position:relative;display:block;padding:24px}nav{margin-top:22px;overflow:auto;white-space:nowrap;padding-bottom:8px}main{margin:auto;padding:0 20px}header{font-size:8px;min-height:55px}.login{display:flex;flex-direction:column;padding:15px 0 35px;gap:14px;min-height:0}.login-art{width:100%;padding-bottom:14px}.login-art h1{font-size:32px}.login-art img{width:110%;margin:-10px -5% -28px}.login-art .paint-label{display:none}.login-card{width:100%;padding:27px;border-radius:15px}.login-card h2{font-size:27px}.login-card form{margin-top:20px}.badge{font-size:10px;max-width:150px}.hero{min-height:400px;padding:16px;align-items:flex-end;display:flex}.hero-car{width:135%;height:75%;right:-20%;top:0;object-fit:contain}.hero>div{padding:14px;background:linear-gradient(0deg,#0a1325f0,#0a132522)}.hero h2{font-size:24px}.hero p{margin:8px 0}.vehicle-grid{gap:10px}.vehicle-grid .card{padding:18px}section{scroll-margin-top:20px}}