:root{--navy-50:#eef3f8;--navy-100:#dbe6f0;--navy-200:#b3c9dd;--navy-300:#8babc9;--navy-400:#5f88ac;--navy-500:#3d6690;--navy-600:#2a4d72;--navy-700:#1c3a5c;--navy-800:#113158;--navy-900:#0b2140;--orange-50:#fff3ec;--orange-100:#ffe0cc;--orange-200:#ffc199;--orange-300:#ff9d66;--orange-400:#fd8340;--orange-500:#fb6711;--orange-600:#e2530a;--orange-700:#b84208;--orange-800:#8f3306;--orange-900:#6b2604;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--color-primary:var(--orange-500);--color-primary-dark:var(--orange-600);--color-primary-light:var(--orange-100);--color-secondary:var(--navy-800);--color-bg:#fff;--color-bg-alt:var(--slate-50);--color-surface:#fff;--color-border:var(--slate-200);--color-text:var(--navy-900);--color-text-muted:var(--slate-500);--color-text-subtle:var(--slate-400);--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-link:var(--orange-700);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0b21400f, 0 1px 2px #0b21400a;--shadow-md:0 4px 12px #0b21401a, 0 2px 4px #0b21400a;--shadow-lg:0 10px 24px #0b21401f, 0 4px 8px #0b21400a;--shadow-xl:0 20px 40px #0b214029, 0 8px 16px #0b21400f;--shadow-glow:0 0 0 3px var(--orange-200);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.45s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.2}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:1100px}.container,.container-sm{margin:0 auto;padding:0 24px}.container-sm{max-width:680px}.section{padding:48px 0}.page-hero{background:linear-gradient(135deg,var(--orange-50) 0,var(--navy-50) 100%);border-bottom:1px solid var(--color-border);padding:0 0 48px}.page-hero .container-sm{padding-top:64px}.page-hero+.section{padding-top:80px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=720px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border);text-decoration:none}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-alt);text-decoration:none}.btn-danger{background:var(--color-error);color:#fff;border:1px solid var(--color-error)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;text-decoration:none}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:17px}.btn-block{justify-content:center;width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);padding:24px}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--color-text);font-size:14px;font-weight:600}.form-label-optional{color:var(--color-text-muted);margin-left:4px;font-size:12px;font-weight:400}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:10px 14px;font-family:inherit;font-size:15px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.form-input::placeholder{color:var(--color-text-subtle)}.form-hint{color:var(--color-text-muted);font-size:12px}.form-error{color:var(--color-error);font-size:13px}.account-code{letter-spacing:.12em;background:var(--navy-900);color:#fff;border-radius:var(--radius-sm);padding:8px 20px;font-family:SF Mono,Fira Code,monospace;font-size:22px;font-weight:700;display:inline-block}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-overdue{background:var(--color-error-bg);color:var(--color-error)}.badge-upcoming{background:var(--color-warning-bg);color:var(--color-warning)}.badge-ok{background:var(--color-success-bg);color:var(--color-success)}.badge-slate{background:var(--slate-100);color:var(--slate-700)}.badge-orange{background:var(--orange-100);color:var(--orange-800)}.health-gauge{background:var(--color-bg-alt);border:4px solid var(--color-border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:inline-flex}.health-gauge.excellent{border-color:var(--color-success)}.health-gauge.good{border-color:var(--orange-400)}.health-gauge.fair{border-color:var(--color-warning)}.health-gauge.needs-attention{border-color:var(--color-error)}.health-gauge-score{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;line-height:1}.health-gauge-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.badge-shelf{flex-wrap:wrap;gap:12px;display:flex}.badge-chip{border-radius:var(--radius-full);background:var(--navy-50);border:1px solid var(--navy-100);color:var(--navy-800);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.badge-chip svg{color:var(--color-primary)}.streak-pill{border-radius:var(--radius-full);background:var(--orange-50);color:var(--orange-700);align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.modal-backdrop{z-index:100;background:#0b214080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:420px;max-height:90vh;box-shadow:var(--shadow-xl);overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-enter-active,.modal-leave-active{transition:opacity var(--duration-base) var(--ease-out)}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{opacity:0;transform:scale(.96)translateY(8px)}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.page-shell{flex-direction:column;min-height:100vh;display:flex}.page-shell>:nth-child(2){flex:1 0 auto;min-height:0}@media (width<=720px){.container,.container-sm{padding:0 32px}.section{padding:40px 0}.section+.section{padding-top:56px}.page-hero+.section{padding-top:64px}.navbar{padding:0 20px}.card{padding:20px}}@media (width<=480px){.container,.container-sm{padding:0 24px}}.home-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.home-drive-overlay{z-index:0;pointer-events:none;transform-style:preserve-3d;perspective:1200px;position:fixed;inset:0;overflow:hidden}.home-drive-car{transform-origin:50%;opacity:0;z-index:6;will-change:transform,opacity,filter;filter:drop-shadow(0 12px 24px #0b21402e);width:min(480px,68vw);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(.1)}.home-drive-car-side{z-index:5;width:min(440px,62vw)}.home-drive-car-front{z-index:7;width:min(480px,68vw)}.white-car-svg{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.home-drive-content{z-index:1;padding:0 0 64px;position:relative}@media (width<=768px){.home-drive-car{width:min(280px,72vw);top:46%}.home-drive-car-side{width:min(240px,60vw)}.home-drive-car-front{width:min(300px,76vw)}}@media (prefers-reduced-motion:reduce){.home-drive-car{opacity:0!important}.reveal{opacity:1!important;transition:none!important;transform:none!important}}