:root{--navy:#061423;--navy2:#0b1c2e;--panel:#102235cc;--line:#24384c;--text:#f7fafc;--muted:#9eacbb;--teal:#30c9b2;--teal2:#21a995;--red:#ff4449;--amber:#ffae27;--shadow:0 24px 70px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 65% 10%,#102b40 0,#071726 31%,#050f1b 68%);color:var(--text);font-family:Inter,system-ui,sans-serif}.ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,#0b273c33,transparent 38%),radial-gradient(circle at 15% 95%,#1d9b8740,transparent 24%)}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);border-bottom:1px solid #ffffff10;position:relative;z-index:10;background:#061421a8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:23px;font-weight:800}.brand>span:last-child span,h1 span,h2 span{color:var(--teal)}.shield{width:32px;height:38px;display:grid;place-items:center;color:var(--teal);border:3px solid #fff;border-radius:12px 12px 15px 15px;font-weight:800;transform:scaleY(.9)}.shield.large{width:52px;height:60px;font-size:25px;margin:auto;border-width:4px}.main-nav{display:flex;gap:8px}.main-nav button,.ghost,.text-button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:10px}.main-nav button.active,.main-nav button:hover,.ghost:hover{color:#fff;background:#ffffff0d}.account-actions{display:flex;align-items:center;gap:8px}.account-name{font-size:13px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis}.view{position:relative;z-index:1}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1280px;margin:auto;padding:60px 46px;gap:36px}.hero-copy{max-width:610px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--teal);font-size:12px;font-weight:700;margin:0 0 14px}.hero h1,.welcome-block h1,.section-heading h1{font-size:clamp(38px,5.2vw,72px);line-height:1.04;letter-spacing:-.045em;margin:0}.lead{font-size:18px;line-height:1.75;color:#b6c1cc;max-width:580px}.hero-actions{display:flex;gap:12px;margin:30px 0}.primary,.secondary,.google{border:0;border-radius:13px;padding:15px 22px;font-weight:700}.primary{color:#03221e;background:linear-gradient(135deg,#43dac4,var(--teal2));box-shadow:0 12px 30px #23b29b32}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary{color:#fff;background:#ffffff0b;border:1px solid #ffffff20}.full{width:100%}.trust-row{display:flex;flex-wrap:wrap;gap:20px;color:#8796a5;font-size:12px}.hero-visual{position:relative;min-height:580px;display:grid;place-items:center}.hero-visual img{width:min(600px,100%);position:relative;z-index:2;filter:drop-shadow(0 35px 32px #0008)}.glow{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:#249c8c35;filter:blur(70px)}.floating-card{position:absolute;z-index:3;bottom:12%;left:3%;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #ffffff22;border-radius:16px;background:#0c1d2ddd;backdrop-filter:blur(16px);box-shadow:var(--shadow)}.floating-card small{display:block;color:var(--muted);margin-top:4px}.alert-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#ffae2725;color:var(--amber);border:1px solid #ffae2766;font-weight:800}.auth-layout{max-width:1100px;min-height:calc(100vh - 76px);margin:auto;padding:48px;display:grid;grid-template-columns:1fr 460px;align-items:center;gap:60px}.auth-art h2{font-size:52px;margin:0}.auth-art img{width:90%;max-height:430px;object-fit:contain}.panel,.card{background:linear-gradient(145deg,#112437d9,#0b1b2ad9);border:1px solid #ffffff13;border-radius:22px;box-shadow:var(--shadow)}.auth-panel{padding:38px}.auth-panel h2{text-align:center;margin:18px 0 8px}.auth-panel>.muted{text-align:center}.google{width:100%;background:#fff;color:#1d2730;margin-top:18px}.google b{font-size:17px;color:#4285f4;margin-right:10px}.divider{display:flex;align-items:center;gap:12px;color:#718191;font-size:12px;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}label{display:grid;gap:8px;color:#c9d1d9;font-size:13px;margin-bottom:16px}input,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#071521;color:#fff;padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #30c9b219}textarea{min-height:90px;resize:vertical}.muted{color:var(--muted)}.switch-auth,.legal{text-align:center;color:var(--muted);font-size:13px}.legal{font-size:10px;line-height:1.5}.text-button{color:var(--teal);padding:5px}.auth-panel>.text-button{display:block;margin:8px auto}.app-view{max-width:1200px;margin:auto;padding:54px 34px 80px}.app-view.narrow{max-width:900px}.welcome-block{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.welcome-block h1,.section-heading h1{font-size:46px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.card{padding:26px}.quick-report{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.quick-report img{width:130%;align-self:end;margin:-30px}.quick-report h2{font-size:28px}.quick-report p,.stats-card p{color:var(--muted);line-height:1.6}.pill{font-size:11px;color:var(--teal);background:#30c9b215;padding:7px 10px;border-radius:99px}.stats-card strong{font-size:42px;display:block;margin-top:22px}.icon-box{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#30c9b218;color:var(--teal)}.section-heading{display:flex;justify-content:space-between;margin:45px 0 20px}.section-heading h2{margin:0}.report-list{display:grid;gap:12px}.report-item,.vehicle-card{padding:18px 20px;background:#0d1d2bd8;border:1px solid #ffffff12;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:18px}.report-main{display:flex;align-items:center;gap:15px}.report-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--red);background:#ff444915}.report-meta{color:var(--muted);font-size:12px;margin-top:5px}.status{font-size:11px;color:var(--teal);border:1px solid #30c9b244;padding:6px 9px;border-radius:99px}.empty-state{color:var(--muted);padding:30px;border:1px dashed #ffffff1f;border-radius:16px;text-align:center}.form-panel{padding:34px}.form-panel fieldset{border:0;padding:0;margin:0 0 32px}.form-panel legend{font-weight:700;font-size:17px;margin-bottom:16px}.plate-fields{display:flex;align-items:center;justify-content:center;gap:10px}.plate-fields input{width:108px;text-align:center;text-transform:uppercase;font-size:25px;font-weight:800;background:#f5f6f7;color:#111;border:0}.plate-fields input:nth-of-type(2){width:130px}.plate-fields span{font-size:28px;color:var(--muted)}.plate-fields.compact input{font-size:18px;width:90px}.plate-fields.compact input:nth-of-type(2){width:105px}.plate-preview{text-align:center;color:var(--muted);font-weight:600;letter-spacing:.08em}.defect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.defect-option{padding:15px;text-align:left;color:#dbe2e8;border:1px solid var(--line);border-radius:12px;background:#0a1926}.defect-option.selected{border-color:var(--teal);background:#30c9b214;color:#fff}.privacy-note{display:flex;gap:13px;padding:17px;border-radius:13px;background:#17334a99;margin-bottom:22px}.privacy-note p{color:var(--muted);margin:5px 0 0;font-size:12px}.vehicle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vehicle-card{text-align:left}.vehicle-plate{font-weight:800;font-size:20px;background:#f5f6f7;color:#101317;border-radius:7px;padding:7px 12px;display:inline-block}.vehicle-info h3{margin:10px 0 4px}.vehicle-actions{display:flex;gap:5px}dialog{border:0;padding:0;background:transparent;color:#fff;width:min(620px,calc(100% - 28px))}dialog::backdrop{background:#01070dbf;backdrop-filter:blur(6px)}.dialog-form{background:#0c1d2c;border:1px solid var(--line);border-radius:22px;padding:28px}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading h2{margin-top:0}.close{border:0;background:#ffffff0c;color:#fff;border-radius:50%;width:38px;height:38px;font-size:24px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.error{min-height:18px;color:#ff777b;font-size:12px}#toast{position:fixed;z-index:50;bottom:25px;left:50%;transform:translate(-50%,120px);background:#f5f7f8;color:#12202c;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);transition:.3s;max-width:calc(100% - 30px)}#toast.show{transform:translate(-50%,0)}@media(max-width:900px){.main-nav{position:fixed;bottom:0;left:0;right:0;background:#081724;border-top:1px solid var(--line);justify-content:center;padding:8px}.hero{grid-template-columns:1fr;padding-top:70px;text-align:center}.hero-copy{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:430px}.auth-layout{grid-template-columns:1fr;padding:28px}.auth-art{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}.quick-report{grid-column:1/-1}.vehicle-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:0 16px}.account-name{display:none}.hero{padding:48px 20px}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.hero-visual{min-height:330px}.floating-card{left:0;bottom:0;text-align:left}.app-view{padding:35px 18px 90px}.welcome-block{align-items:start;flex-direction:column}.welcome-block h1,.section-heading h1{font-size:37px}.dashboard-grid{grid-template-columns:1fr}.quick-report{grid-template-columns:1fr}.quick-report img{display:none}.defect-grid{grid-template-columns:1fr}.form-panel{padding:20px 14px}.plate-fields{gap:5px}.plate-fields input{width:78px;font-size:19px}.plate-fields input:nth-of-type(2){width:92px}.plate-fields span{font-size:20px}.two-columns{grid-template-columns:1fr;gap:0}.vehicle-card{align-items:flex-start;flex-direction:column}.auth-layout{padding:20px}.auth-panel{padding:26px 20px}}