:root{--bg:#080d17;--card:#121b2a;--line:#263547;--text:#f4f7fb;--muted:#97a7b8;--cyan:#87e7ee;--green:#a9f1c1;--red:#ff6878}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;background:radial-gradient(circle at 75% 8%,#142637 0,transparent 35%),#080d17;min-height:100vh}.hidden{display:none!important}.ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(56,116,143,.04) 50%,transparent 72%);z-index:0}.shell,.login-screen{position:relative;z-index:1}.topbar{height:82px;border-bottom:1px solid rgba(180,220,235,.12);display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,28px);background:rgba(5,11,20,.72);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:.22em;font-weight:700}.brand b{font-weight:400;color:var(--cyan)}.brand small{display:block;color:#75899c;font-size:8px;letter-spacing:.28em;margin-top:2px}.brand-mark{width:37px;height:37px;border:1px solid #7bd8e0;border-radius:11px;display:grid;place-items:center;color:var(--cyan);font-size:21px;font-weight:700;position:relative}.brand-line{position:absolute;width:12px;height:1px;background:var(--cyan);bottom:6px}.top-actions{display:flex;align-items:center;gap:14px}.status-pill{border:1px solid #436574;border-radius:20px;padding:6px 12px;color:var(--cyan);font-size:12px;white-space:nowrap}.status-pill.demo{color:#ffc78e;border-color:#876c50}.button,.icon-button{font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;color:var(--text)}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.button{border:1px solid #526c7e;border-radius:10px;padding:10px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.button.subtle{background:rgba(150,185,206,.07)}.button.subtle:hover{background:rgba(150,185,206,.15)}.button.primary{background:linear-gradient(135deg,#99f0f2,#71b8cb);color:#08131e;border:0;font-weight:700}.button.primary:hover{background:#b1f3f5}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.icon-button{background:transparent;border:1px solid #405464;border-radius:10px;width:39px;height:39px;font-size:20px}.content{max-width:1400px;margin:auto;padding:0 34px}.hero{min-height:390px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid rgba(170,209,226,.13);overflow:hidden}.hero-copy{padding:45px 0;max-width:640px}.eyebrow,.section-kicker{font-size:11px;color:var(--cyan);letter-spacing:.24em;font-weight:700}.pulse{display:inline-block;background:var(--cyan);width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px var(--cyan);margin-right:9px}.hero h1,.login-box h1{font-size:clamp(52px,6vw,86px);line-height:1.12;letter-spacing:-.055em;margin:25px 0 18px;font-weight:650}.hero h1 em,.login-box h1 em{font-style:normal;color:var(--cyan)}.hero p,.login-box p{max-width:510px;color:#aec0ce;font-size:15px}.hero-meta{display:flex;flex-wrap:wrap;gap:23px;margin-top:26px;color:#8da5b7;font-size:12px}.hero-orbit{position:relative;width:360px;height:360px;flex:none;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(118,208,224,.24)}.orbit-a{width:340px;height:340px;box-shadow:inset 0 0 35px rgba(85,173,199,.07)}.orbit-b{width:255px;height:255px;border-style:dashed;animation:spin 70s linear infinite}.orb-core{height:150px;width:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#314f65,#0e1b29 70%);box-shadow:0 0 90px rgba(103,224,230,.18),inset 0 0 25px rgba(118,226,230,.2);font-size:82px;font-weight:700;color:#d9f8f5;position:relative}.orb-core span{position:absolute;font-size:22px;color:var(--cyan);right:28px;top:32px}.orbit-label{position:absolute;font-size:10px;letter-spacing:.22em;color:#8dbbcb;background:rgba(9,20,33,.9);padding:6px 11px;border:1px solid #2e5265;border-radius:4px}.orbit-label.top{top:28px;right:0}.orbit-label.bottom{bottom:29px;left:-5px}.notice{margin:22px 0 0;border:1px solid #7b6240;background:rgba(139,101,48,.12);color:#f2c889;padding:12px 16px;border-radius:10px;font-size:13px}.notice:empty{display:none}.section-head{display:flex;justify-content:space-between;align-items:end;margin:43px 0 20px}.section-head h2,.panel h2{font-size:26px;letter-spacing:-.03em;margin:7px 0 0}.updated{color:#7891a4;font-size:12px}.car-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.car-card{border:1px solid #2b4052;border-radius:18px;overflow:hidden;position:relative;min-height:355px;background:linear-gradient(135deg,#192b3a,#101925 58%);padding:24px;box-shadow:0 22px 65px rgba(0,0,0,.15)}.car-card:nth-child(2){background:linear-gradient(135deg,#1b2936,#111923 58%)}.car-card:before{content:"";position:absolute;inset:-50% 0 auto 50%;height:400px;background:radial-gradient(circle,rgba(110,224,229,.12),transparent 60%);pointer-events:none}.car-top{display:flex;justify-content:space-between;align-items:start;position:relative;z-index:1}.car-name{font-size:30px;letter-spacing:-.05em;font-weight:650}.car-sub{color:#94aabd;font-size:12px;margin-top:2px}.car-status{color:#b6e4c4;font-size:12px;background:rgba(95,174,128,.1);border:1px solid rgba(143,216,168,.3);padding:5px 10px;border-radius:20px}.car-status.offline{color:#afbccb;border-color:#566879;background:#263443}.car-visual{height:155px;display:flex;align-items:center;justify-content:center;position:relative}.car-visual svg{width:min(100%,420px);height:auto;filter:drop-shadow(0 18px 14px rgba(0,0,0,.55))}.car-visual:after{content:"";position:absolute;bottom:19px;width:65%;height:9px;border-radius:50%;background:#73d4df;filter:blur(18px);opacity:.22}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34485a;padding-top:20px;position:relative;z-index:1}.metric+.metric{border-left:1px solid #34485a;padding-left:18px}.metric-label{display:block;color:#8198aa;text-transform:uppercase;font-size:10px;letter-spacing:.1em}.metric-value{font-size:22px;font-weight:650;white-space:nowrap}.metric-value small{font-size:12px;font-weight:400;color:#a7bac8;margin-left:2px}.lower-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;margin-top:20px}.panel{border:1px solid #283b4c;border-radius:18px;padding:27px;background:linear-gradient(145deg,#121e2b,#101722)}.recommendation{background:linear-gradient(145deg,#18313c,#101b29)}.rec-name{font-size:34px;font-weight:650;margin:18px 0 2px;color:#c3fbeb;letter-spacing:-.04em}.rec-reason{font-size:14px;color:#b4c7d2;max-width:560px}.rec-tag{display:inline-block;color:#8ee8dc;background:rgba(96,216,200,.08);border:1px solid #345e65;border-radius:6px;padding:5px 9px;font-size:11px;margin-top:10px}.quote{font-size:17px;color:#e4f5f6;border-left:2px solid var(--cyan);padding:12px 17px;margin:18px 0;background:rgba(98,196,216,.06)}.assistant-line{display:flex;gap:13px;color:#a6bbc8;font-size:13px}.spark{color:#9ae6e4;font-size:22px;line-height:1}.setup{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.setup p{color:#9fb4c3;font-size:13px;margin:11px 0 0}footer{display:flex;justify-content:space-between;border-top:1px solid #223546;color:#5e788b;font-size:10px;letter-spacing:.12em;padding:26px 0;margin-top:44px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px}.login-box{width:min(100%,520px);padding:48px;border:1px solid #325165;border-radius:24px;background:linear-gradient(145deg,#172736,#0d1520);box-shadow:0 30px 100px #0006}.login-box h1{font-size:52px}.login-box form{margin-top:32px;display:grid;gap:10px}.login-box label{font-size:12px;color:#9cb7c8}.login-box input{width:100%;height:48px;background:#0b1520;border:1px solid #395365;border-radius:9px;color:white;padding:0 14px;font:inherit}.login-box .button{margin-top:9px;height:48px}.error{color:var(--red)!important;min-height:1.5em}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:950px){.hero-orbit{width:250px;height:250px}.orbit-a{width:240px;height:240px}.orbit-b{width:180px;height:180px}.orb-core{width:115px;height:115px;font-size:62px}.orb-core span{right:17px;top:22px}.car-grid,.lower-grid{grid-template-columns:1fr}.car-card{min-height:335px}}@media(max-width:640px){.topbar{padding:0 18px;height:70px}.brand{font-size:11px;gap:9px}.brand-mark{width:32px;height:32px;font-size:18px}.brand small{font-size:7px}.top-actions{gap:6px}.top-actions .subtle{font-size:0;padding:9px}.top-actions .subtle:after{content:"↻";font-size:20px}.status-pill{font-size:10px;padding:5px 8px}.icon-button{width:35px;height:35px}.content{padding:0 18px}.hero{min-height:355px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:56px}.hero p{font-size:13px;max-width:350px}.hero-orbit{position:absolute;right:-90px;top:100px;opacity:.24}.hero-meta{gap:10px;font-size:10px}.section-head{margin-top:32px}.car-card{padding:20px;min-height:315px}.car-name{font-size:26px}.car-visual{height:135px}.metric-value{font-size:19px}.metric+.metric{padding-left:12px}.panel{padding:22px}.setup{align-items:start;flex-direction:column}.login-box{padding:29px}.login-box h1{font-size:43px}footer{display:block}footer span{display:block;margin-top:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.setup-buttons{display:flex;gap:8px;flex-wrap:wrap}.setup-kicker{margin-top:28px}.login-box .setup-title{font-size:42px}