*{box-sizing:border-box}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf5ff;background:#06101d}body{margin:0;background:#06101d}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:radial-gradient(circle at 82% 0,#15365b 0,transparent 34%),#06101d}.nav{height:74px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#06101deb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #1c2e46}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#18c9ff,#7050ee);font-weight:900;box-shadow:0 8px 25px #18c9ff22}.brand b{display:block;letter-spacing:1.5px}.brand small{display:block;color:#71869d;font-size:10px;margin-top:3px}.links{display:flex;gap:3px}.links button{border:0;background:none;color:#8ea0b6;padding:10px 13px;border-radius:10px}.links button:hover,.links .sel{background:#14253b;color:#fff}.ai-dot{font-size:10px;padding:7px 9px;border:1px solid #34465d;border-radius:9px;color:#8797aa}.ai-dot.on{border-color:#1eaa76;color:#5ee0aa}.hero{max-width:1200px;margin:auto;padding:85px 30px 65px;display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.tag{font-size:11px;letter-spacing:2px;color:#55a4ff;font-weight:800;margin-bottom:12px}h1{font-size:57px;line-height:1.03;letter-spacing:-2px;margin:0 0 20px}h1 em{font-style:normal;color:#7fa9d8}p{color:#91a3b8;line-height:1.6}.hero p{font-size:17px;max-width:650px}.actions{display:flex;gap:12px;margin-top:28px}.primary,.secondary{border:0;border-radius:12px;padding:13px 18px;font-weight:800}.primary{background:linear-gradient(135deg,#18c9ff,#267ff0);color:#fff;box-shadow:0 10px 30px #18aaff22}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#14263c;color:#dbe8f7;border:1px solid #2a405b}.hero-card{height:350px;border:1px solid #2a4768;border-radius:28px;background:linear-gradient(145deg,#0e2036,#091320);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 30px 80px #0005}.orb{font-size:105px;filter:drop-shadow(0 0 30px #398cff77)}.hero-card b{letter-spacing:4px;margin-top:15px}.hero-card span{color:#70849d;font-size:11px;margin-top:6px}.scan{position:absolute;top:39%;width:100%;height:1px;background:#44a5ff;box-shadow:0 0 18px #44a5ff}.cards{max-width:1200px;margin:auto;padding:0 30px 85px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{padding:23px;border:1px solid #20354f;background:#0b192a;border-radius:18px;cursor:pointer;transition:.2s}.feature:hover{transform:translateY(-2px);border-color:#38638f}.ico{font-size:27px}.feature h3{margin:15px 0 6px}.feature p{font-size:13px;margin:0}.page{max-width:1250px;margin:auto;padding:48px 30px 90px}.narrow{max-width:950px}.title{margin-bottom:25px}.title h2{font-size:38px;margin:0 0 7px}.title p{margin:0;max-width:760px}.title.row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.progress{display:flex;align-items:center;max-width:680px;margin:0 0 22px}.progress-step{display:flex;align-items:center;gap:7px;color:#61758c;font-size:12px}.progress-step b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #29415d}.progress-step.active{color:#dcecff}.progress-step.active b{background:#267ff0;border-color:#267ff0;color:#fff}.progress-line{height:1px;background:#20364f;flex:1;margin:0 12px}.check-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.panel{background:#0b192a;border:1px solid #20354f;border-radius:20px;padding:23px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label{display:block;color:#aebdce;font-size:12px;margin:0 0 7px}.optional{color:#627a95;font-size:10px;margin-left:4px}.input,textarea,.composer input{width:100%;border:1px solid #263e59;background:#071321;color:#fff;border-radius:10px;padding:12px;outline:none}.input:focus,textarea:focus,.composer input:focus{border-color:#4d98ff}select.input{appearance:auto}textarea{height:130px;resize:vertical}.input.bad{border-color:#a84b5c}.field-error{font-size:10px;color:#e58c99;margin-top:5px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h3{font-size:15px;margin:0 0 3px}.section-head span{font-size:10px;color:#627991}.section-head.second{margin-top:24px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 15px;border:1px dashed #3a5b7e;border-radius:14px;background:#081523;cursor:pointer;text-align:center}.dropzone:hover{border-color:#55a4ff;background:#0b1b2e}.dropzone input{display:none}.upload-icon{font-size:30px}.dropzone b{font-size:13px}.dropzone span{font-size:11px;color:#71869d}.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 15px}.photo{aspect-ratio:1;position:relative;border-radius:10px;overflow:hidden;background:#071321;border:1px solid #20354f}.photo img{width:100%;height:100%;object-fit:cover}.photo button{position:absolute;right:4px;top:4px;width:24px;height:24px;border:0;border-radius:50%;background:#06101dcc;color:#fff;font-size:18px;line-height:20px}.photo small{position:absolute;left:5px;bottom:4px;background:#06101dcc;padding:2px 5px;border-radius:5px;font-size:9px}.wide{width:100%}.big{padding:16px;margin-top:4px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;vertical-align:-2px;margin-right:8px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tip{margin-top:10px;padding:10px 12px;border-radius:9px;background:#102237;color:#8ca6c1;font-size:11px}.warning{margin-top:10px;font-size:10px;color:#b6c0ce;background:#2b2416;padding:11px;border-radius:9px}.report-panel{min-height:500px}.empty{text-align:center;padding:70px 20px}.empty-icon{font-size:45px}.empty h3{margin:15px 0 6px}.empty p{font-size:13px;max-width:390px;margin:0 auto 20px}.report-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:360px;margin:auto}.report-preview span{padding:9px;border:1px solid #20354f;border-radius:9px;color:#8ea4bb;font-size:10px}.reporttop{display:flex;gap:17px;align-items:center}.risk{font-size:52px;font-weight:900;line-height:1}.risk small{font-size:14px;color:#70849d}.risk.good{color:#50d69c}.risk.mid{color:#f1c45d}.risk.bad{color:#ff7787}.risk.neutral{color:#62a9ff}.report h3{margin:4px 0 6px;font-size:20px}.recommend{display:inline-block;font-size:10px;padding:5px 8px;border-radius:7px;background:#162b42}.recommend.good{color:#62e2aa}.recommend.mid{color:#f1cf71}.recommend.bad{color:#ff8e9b}.recommend.neutral{color:#7fb6ff}.summary{font-size:14px}.estimate{display:flex;justify-content:space-between;gap:10px;padding:12px 13px;background:#102237;border:1px solid #203c5b;border-radius:10px;font-size:11px;color:#9fb4c9}.estimate b{color:#fff}.list{border-top:1px solid #1c3048;padding-top:13px;margin-top:16px}.list h4{margin:0 0 8px;font-size:12px}.list div{font-size:12px;color:#b9c6d6;padding:7px 0;display:flex;gap:8px;line-height:1.45}.list div span{color:#4ca5ff}.quick{display:flex;gap:7px;flex-wrap:wrap;margin:-10px 0 15px}.quick button{background:#102237;border:1px solid #25405d;color:#9db0c5;border-radius:9px;padding:8px 10px;font-size:10px}.quick button:hover{border-color:#4d98ff;color:#fff}.chat{background:#0b192a;border:1px solid #20354f;border-radius:18px;overflow:hidden}.messages{min-height:470px;max-height:600px;overflow:auto;padding:22px}.bubble{max-width:82%;margin-bottom:17px}.bubble small{display:block;color:#62a9ff;font-size:10px;margin-bottom:5px}.bubble>div{padding:12px 14px;border-radius:12px;background:#122238;color:#dce6f1;white-space:pre-wrap;line-height:1.5}.bubble.user{margin-left:auto}.bubble.user small{text-align:right;color:#ba91ff}.bubble.user>div{background:#272143}.composer{display:flex;gap:9px;padding:12px;border-top:1px solid #20354f}.composer input{margin:0}.garage{display:grid;gap:12px}.car{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#0b192a;border:1px solid #20354f;border-radius:17px}.carpic{width:55px;height:55px;border-radius:14px;background:#13263e;display:grid;place-items:center;font-size:28px}.carinfo{flex:1}.carinfo h3{margin:0 0 4px}.carinfo p{margin:0;font-size:13px}.carinfo small{color:#647991;font-size:10px}.delete{background:none;border:1px solid #553340;color:#dca4ae;padding:8px 10px;border-radius:9px}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:10}.modalbox{width:min(650px,100%);background:#0b192a;border:1px solid #294562;border-radius:20px;padding:25px;position:relative}.modalbox h2{margin-top:0}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:#9aabbd;font-size:28px}footer{text-align:center;padding:25px;border-top:1px solid #182b42;color:#596d84;font-size:10px}@media(max-width:900px){.nav{height:auto;padding:12px 18px;gap:8px;align-items:flex-start}.links{overflow:auto}.links button{white-space:nowrap;font-size:11px}.ai-dot{display:none}.hero{grid-template-columns:1fr;padding:55px 18px}.cards{grid-template-columns:1fr 1fr;padding:0 18px 60px}.check-layout{grid-template-columns:1fr}.page{padding:35px 18px}.hero-card{height:250px}h1{font-size:43px}}@media(max-width:600px){.cards,.formgrid{grid-template-columns:1fr}.actions,.composer{flex-direction:column}.title h2{font-size:31px}.progress{width:100%}.progress-step span{display:none}.photo-grid{grid-template-columns:repeat(4,1fr)}.title.row{flex-direction:column}.car{align-items:flex-start}.delete{margin-left:auto}.reporttop{align-items:flex-start}.risk{font-size:43px}}.history-card{display:flex;gap:16px;align-items:center;margin:20px 0;padding:18px;border:1px solid rgba(67,167,255,.35);border-radius:18px;background:linear-gradient(135deg,#1e4b7847,#0c1c31b3)}.history-icon{font-size:34px}.history-body{flex:1}.history-body h3{margin:4px 0 7px}.history-body p{margin:0;color:#9db5cf;line-height:1.5}.history-success{color:#49e0a2!important}.history-card .primary,.history-card .secondary{white-space:nowrap}.history-card .tag{font-size:11px}@media(max-width:850px){.history-card{align-items:flex-start;flex-wrap:wrap}.history-card button{width:100%}}.history-photos{margin-top:14px}.history-photo{min-height:120px}.history-photo img{object-fit:cover;width:100%;height:160px;display:block;border-radius:12px}