:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--pwbi-cyan:#00a7c8;--pwbi-lime:#b8f28b;--pwbi-teal:#00384a;--pwbi-black:#000;--pwbi-white:#fff}*{box-sizing:border-box}body{background:radial-gradient(circle at top, var(--pwbi-teal) 0%, #07131a 45%, var(--pwbi-black) 100%);color:#fff;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.garage{min-height:100vh;padding:70px 24px}.hero{text-align:center;width:100%;max-width:900px;margin:0 auto}.eyebrow{color:var(--pwbi-cyan);letter-spacing:3px;margin:0 0 12px;font-size:14px;font-weight:800}h1{letter-spacing:-4px;margin:0;font-size:clamp(52px,9vw,88px);line-height:1}.subtitle{color:#aeb8c7;max-width:600px;margin:20px auto 40px;font-size:18px}.hero-tagline{letter-spacing:.04em;color:#b7ff6a;margin:10px 0 8px;font-size:1.35rem;font-weight:700}.powered-by{letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:14px;font-size:.8rem;font-weight:700}.garage-card{text-align:left;border:1px solid var(--pwbi-cyan);border-top:3px solid var(--pwbi-lime);background:#141b26eb;border-radius:10px;max-width:720px;margin:0 auto;padding:36px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}.form-heading{margin-bottom:28px}.form-kicker{color:var(--pwbi-cyan);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.form-intro{color:#aeb8c7;margin:8px 0 0;font-size:15px;line-height:1.6}.photo-upload{margin-bottom:24px}.field-help{color:#7f8b99;margin-top:4px;font-size:12px;font-weight:500;display:block}.build-options-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.budget-field{position:relative}.budget-symbol{color:#b7ff6a;z-index:1;font-weight:800;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.budget-field input{padding-left:32px}.build-button{letter-spacing:.06em;text-transform:uppercase;width:100%;margin-top:24px;padding:16px 20px;font-size:15px;font-weight:800}.build-button:disabled{cursor:not-allowed;opacity:.65}.loading-panel{background:#00a7c814;border:1px solid #00a7c859;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:14px;display:flex}.loading-panel p{color:#c7d2df;margin:0;font-size:14px}.loading-dot{background:#b7ff6a;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite garagePulse}.result-heading{margin-bottom:18px}@keyframes garagePulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (width<=700px){.build-options-grid{grid-template-columns:1fr}}.garage-card h2{margin-top:0;margin-bottom:28px;font-size:28px}label{color:#d8dee8;flex-direction:column;gap:9px;margin-bottom:22px;font-size:14px;font-weight:700;display:flex}input{color:#fff;width:100%;font:inherit;background:#0d121b;border:1px solid #354052;border-radius:10px;outline:none;padding:14px 16px}input:focus{border-color:var(--pwbi-cyan);box-shadow:0 0 0 3px #00a7c82e}input[type=file]{padding:12px}.vehicle-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}button{color:#fff;background:linear-gradient(135deg, var(--pwbi-cyan), var(--pwbi-teal));border:1px solid var(--pwbi-lime);cursor:pointer;border-radius:6px;width:100%;padding:16px 20px;font-size:16px;font-weight:800}button:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 10px 26px #b8f28b57}.garage{padding:32px 14px}.hero{width:100%}.garage-card{border-radius:14px;padding:20px}.vehicle-grid{grid-template-columns:1fr;gap:0}.vehicle-preview{object-fit:cover;width:100%;max-height:260px}.build-result{padding-top:20px}.build-result li{gap:10px;padding:14px}.build-result li>div{min-width:0}.build-result li p{line-height:1.45}.build-result li strong{white-space:nowrap}.priority-badge{margin-bottom:6px}h1{font-size:clamp(42px,14vw,64px)}.garage-card h2{color:#fff}.build-result>p{border-left:2px solid var(--pwbi-cyan);background:#00a7c80f;margin:6px 0;padding:8px 10px;font-size:14px}.build-result>p strong{color:var(--pwbi-cyan);text-transform:uppercase;letter-spacing:.06em;margin-right:6px;font-size:11px}.build-result{border-top:1px solid #30394a;margin-top:28px;padding-top:28px}.build-result h2{border-bottom:2px solid var(--pwbi-cyan);text-transform:uppercase;letter-spacing:.03em;margin-bottom:18px;padding-bottom:14px;font-size:22px;line-height:1.2}.build-result h3{letter-spacing:.04em;text-transform:uppercase;color:var(--pwbi-cyan);margin-top:24px;margin-bottom:14px;font-size:14px}.build-result ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.build-result li{border:1px solid var(--pwbi-cyan);color:#e7ecf3;background:#0d121b;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.build-result li strong{color:var(--pwbi-lime);white-space:nowrap}.garage-card select{color:#fff;outline:2px solid var(--pwbi-cyan);background:#0d121b;border-radius:10px;width:100%;margin-top:8px;margin-bottom:18px;padding:14px 12px;font-size:15px}.garage-card select:focus{outline:2px solid var(--pwbi-cyan);outline-offset:2px}.garage-card,.build-result{border:1px solid var(--pwbi-cyan);box-shadow:0 18px 40px #00000059}.garage-card h2,.build-result h2{letter-spacing:-.5px}.garage-card label{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.advisor-note{border-left:4px solid var(--pwbi-cyan);background:linear-gradient(135deg,#00a7c824,#00384a1a);border-radius:10px;margin:20px 0 24px;padding:18px 20px}.advisor-note h3{color:var(--pwbi-lime);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:11px;font-weight:800}.advisor-note p{color:#d6deea;margin:0;font-size:14px;line-height:1.6}.build-result li{transition:transform .2s,border-color .2s}.build-result li:hover{border-color:var(--pwbi-cyan);transform:translate(4px)}button{text-transform:uppercase;letter-spacing:.05em;box-shadow:0 8px 20px #00a7c847}.priority-badge{background:var(--pwbi-lime);color:var(--pwbi-black);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;margin-bottom:8px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.build-result li>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.garage-card .form-error{color:#ff9b9b;letter-spacing:.02em;background:#ff5a5a14;border-left:3px solid #ff5a5a;border-radius:4px;margin:12px 0 0;padding:10px 12px;font-size:13px;font-weight:700}input[type=file]{color:#d6deea;background:#0d121b;border:1px solid #30394a;border-radius:8px;padding:10px;font-size:13px}input[type=file]::file-selector-button{border:1px solid var(--pwbi-cyan);color:var(--pwbi-white);cursor:pointer;background:#00a7c81f;border-radius:6px;margin-right:12px;padding:8px 12px;font-weight:700}input[type=file]::file-selector-button:hover{background:var(--pwbi-cyan);color:var(--pwbi-black)}.vehicle-preview .vehicle-preview{object-fit:cover;border:2px solid var(--pwbi-cyan);border-radius:10px;width:220px;max-width:100%;height:auto;margin:16px 0 24px;box-shadow:0 8px 20px #00000059}@media (width<=650px){.vehicle-preview .garage{padding:32px 14px}.vehicle-preview .hero{width:100%}.vehicle-preview .garage-card{border-radius:14px;padding:20px}.vehicle-preview .vehicle-grid{grid-template-columns:1fr;gap:0}.vehicle-preview .vehicle-preview{object-fit:cover;width:100%;max-height:260px}.vehicle-preview .build-result{padding-top:20px}.vehicle-preview .build-result li{gap:10px;padding:14px}.vehicle-preview .build-result li>div{min-width:0}.vehicle-preview .build-result li p{line-height:1.45}.vehicle-preview .build-result li strong{white-space:nowrap}.vehicle-preview .priority-badge{margin-bottom:6px}.vehicle-preview h1{font-size:clamp(42px,14vw,64px)}}.vehicle-preview .ai-advice{background:linear-gradient(#0f1b26fa,#0a121cfa);border:1px solid #00b7d9;border-radius:12px;margin-top:20px;padding:24px;box-shadow:0 18px 45px #00000047}.vehicle-preview .ai-advice h3{color:#00b7d9;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:14px;font-weight:800}.vehicle-preview .ai-advice-text{line-height:1.7}.vehicle-preview .ai-advice-text p{color:#e7edf5;margin:0;padding:8px 0;font-size:15px}.vehicle-preview .ai-advice-text p:first-child{background:#b7ff6a12;border-left:3px solid #b7ff6a;border-radius:6px;margin-bottom:10px;padding:14px 16px;font-size:16px;font-weight:700}.vehicle-preview .ai-advice-text p:nth-child(n+2){border-bottom:1px solid #ffffff0f}.vehicle-preview .ai-advice-text p:last-child{border-bottom:0}.advisor-summary-card{background:#b7ff6a0f;border:1px solid #b7ff6a73;border-left:4px solid #b7ff6a;border-radius:10px;margin-bottom:24px;padding:20px}.advice-label{color:#b7ff6a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.advisor-summary-card p{margin:0;line-height:1.7}.upgrade-section{margin-top:24px}.upgrade-section-heading{color:#00b7d9;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:14px;font-weight:800}.upgrade-card-list{flex-direction:column;gap:14px;display:flex}.upgrade-card{background:#08121cb3;border:1px solid #00b7d959;border-radius:10px;grid-template-columns:44px 1fr;gap:14px;padding:18px;display:grid}.upgrade-card-number{color:#071018;background:#b7ff6a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:900;display:flex}.upgrade-card-content h4{color:#fff;margin:2px 0 10px;font-size:17px}.upgrade-card-content p{color:#c8d2de;border:0;margin:6px 0;padding:0;line-height:1.55}.advice-warning{background:#ffc10712;border:1px solid #ffc10773;border-left:4px solid #ffc107;border-radius:10px;margin-top:24px;padding:18px 20px}.advice-warning .advice-label{color:#ffc107}.advice-warning p{border:0;margin:6px 0 0;padding:0;line-height:1.6}@media (width<=650px){.upgrade-card{grid-template-columns:36px 1fr;gap:10px;padding:14px}.upgrade-card-number{width:32px;height:32px;font-size:14px}}.my-garage{max-width:960px;margin:0 auto;padding:40px 24px 80px}.my-garage h1{color:#fff;margin-bottom:10px}.my-garage h2{color:#fff;margin-top:24px;margin-bottom:18px}.saved-build-card{text-align:left;background:#111c28;border:1px solid #13b7d6;border-radius:12px;margin:16px 0;padding:20px}.saved-build-card h3{color:#fff;margin:0 0 10px}.saved-build-card p{color:#d6e1ea;margin:7px 0}.my-garage>button,.saved-build-card button{width:auto;min-width:180px;margin-top:12px;padding:12px 20px}.auth-panel{border:1px solid var(--pwbi-cyan);text-align:left;background:#111c28f5;border-radius:12px;max-width:720px;margin:24px auto 28px;padding:24px;box-shadow:0 18px 45px #00000047}.auth-panel h2{color:#fff;margin:0 0 18px}.auth-panel input{color:#fff;box-sizing:border-box;background:#0f1620;border:1px solid #2b3948;border-radius:8px;width:100%;margin-bottom:12px;padding:14px 16px;font-size:15px}.auth-panel input:focus{border-color:var(--pwbi-cyan);outline:none;box-shadow:0 0 0 2px #00b7d91f}.auth-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.auth-button{border:1px solid var(--pwbi-lime);background:linear-gradient(90deg, var(--pwbi-cyan), #08758c);color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:8px;width:100%;padding:13px 16px;font-weight:800}.auth-button.secondary{border-color:var(--pwbi-cyan);background:#111c28}.auth-user{color:#d6e1ea;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=650px){.auth-actions{grid-template-columns:1fr}.auth-user{flex-direction:column;align-items:stretch}}.my-garage-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.my-garage-subtitle{color:#aeb8c7;max-width:620px;margin:8px 0 0;line-height:1.6}.garage-back-button{border:1px solid var(--pwbi-cyan);color:#fff;cursor:pointer;background:#111c28;border-radius:8px;width:auto;min-width:170px;padding:12px 18px;font-weight:800}.save-build-button:disabled{opacity:.7;cursor:not-allowed;color:#7f8c99;box-shadow:none;background:#111821;border-color:#344454}.garage-section{background:#111c28f5;border:1px solid #00b7d973;border-radius:12px;margin-top:24px;padding:24px}.garage-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.saved-build-count{border:1px solid var(--pwbi-lime);color:var(--pwbi-lime);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.saved-build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.saved-build-goal{color:var(--pwbi-cyan);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.start-build-section,.recent-activity{text-align:left}.start-build-section p,.recent-activity p{color:#aeb8c7;line-height:1.6}.start-build-section button{width:auto;min-width:180px;margin-top:10px}@media (width<=700px){.my-garage-header{flex-direction:column}.garage-back-button{width:100%}.garage-section-heading{flex-direction:column;align-items:flex-start}.saved-build-grid{grid-template-columns:1fr}}.garage-empty-state{text-align:center;background:#0a121c8c;border:1px dashed #00b7d973;border-radius:12px;grid-column:1/-1;padding:32px}.garage-empty-state h3{color:#fff;margin:6px 0 10px;font-size:22px}.garage-empty-state p{color:#aeb8c7;max-width:520px;margin:0 auto 18px;line-height:1.6}.garage-empty-state button{width:auto;min-width:190px}