:root{--color-primary:#385cad;--color-primary-dark:#1d2e5c;--color-primary-light:#4c63b0;--color-primary-muted:#4d6db2;--color-accent:#59bed1;--color-accent-hover:#4aa8ba;--color-bg:#eef1f6;--color-bg-alt:#e4e9f2;--color-bg-hero:linear-gradient(165deg, #f8faff 0%, #eef2f9 45%, #e8edf6 100%);--color-surface:#fff;--color-surface-glass:#ffffffb8;--color-border:#1d2e5c1f;--color-border-light:#1d2e5c14;--color-border-focus:#385cad;--color-text:#1a2744;--color-text-heading:#1d2e5c;--color-text-muted:#5a6478;--color-text-light:#8b95a8;--color-text-inverse:#fff;--color-success:#0d7a4a;--color-success-bg:#edf7f1f2;--color-warning:#b45309;--color-warning-bg:#fffbebf2;--color-error:#c0392b;--color-error-bg:#fdf3f2f2;--color-error-border:#c0392b33;--color-result-bg:#f8fafde6;--color-result-border:#1d2e5c1a;--color-step-bg:#f8fafd99;--font-family:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Consolas", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px #1d2e5c0f;--shadow-md:0 8px 32px #1d2e5c14;--shadow-lg:0 20px 60px #1d2e5c1f;--shadow-plate:0 12px 40px #1d2e5c2e, 0 2px 8px #1d2e5c14;--shadow-glow:0 0 80px #385cad1f;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3.5rem;--spacing-4xl:5rem;--transition-fast:.15s ease;--transition-base:.28s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.2, .64, 1);--max-content-width:1200px;--max-page-width:1280px;--header-height:72px;font-family:var(--font-family);color:var(--color-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}html,body,#root{min-height:100%}body{background:var(--color-bg);background-image:radial-gradient(80% 50% at 50% -20%,#385cad0f,#0000);min-width:320px;margin:0}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}button,input{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.skip-link{top:-100%;left:var(--spacing-md);z-index:200;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);transition:top var(--transition-fast);padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--spacing-md);outline:2px solid var(--color-accent);outline-offset:2px}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-border-light);z-index:100;background:#ffffffd9;position:sticky;top:0}.site-header-inner{max-width:var(--max-page-width);padding:var(--spacing-md);min-height:var(--header-height);align-items:center;margin:0 auto;display:flex}.site-brand{align-items:center;min-width:0;text-decoration:none;display:flex}.site-logo{object-fit:contain;object-position:left center;flex-shrink:0;width:auto;max-width:100%;height:40px;display:block}.hero{background:var(--color-bg-hero);border-bottom:1px solid var(--color-border-light);position:relative;overflow:hidden}.hero-bg{opacity:.35;background-image:radial-gradient(circle at 20%,#385cad14 0%,#0000 50%),radial-gradient(circle at 80% 20%,#59bed11a 0%,#0000 40%);position:absolute;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(#385cad0f 0%,#0000 70%);width:60%;height:120%;position:absolute;top:-40%;right:-10%}.hero-inner{max-width:var(--max-page-width);padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-3xl);margin:0 auto;position:relative}.hero-badge{margin-bottom:var(--spacing-md);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);border-radius:var(--radius-full);background:#385cad14;border:1px solid #385cad1f;align-items:center;padding:.375rem .875rem;font-size:.6875rem;font-weight:700;display:inline-flex}.hero-title{margin:0 0 var(--spacing-md);max-width:640px;color:var(--color-text-heading);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.hero-subtitle{max-width:560px;color:var(--color-text-muted);margin:0;font-size:clamp(1rem,2.5vw,1.1875rem);line-height:1.65}.main{flex:1;width:100%}.calculator-section{padding:0 var(--spacing-md) var(--spacing-4xl);margin-top:calc(var(--spacing-xl) * -1)}.calculator-card{max-width:var(--max-content-width);padding:var(--spacing-xl);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), var(--shadow-glow);border:1px solid #fff9;margin:0 auto;position:relative}.configurator-grid{gap:var(--spacing-2xl);grid-template-areas:"steps""preview";display:grid}.config-panel{flex-direction:column;grid-area:steps;min-width:0;display:flex}.preview-panel{grid-area:preview;min-width:0}.step{padding:var(--spacing-xl) 0}.step:first-of-type{padding-top:0}.step-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.step-number{width:2rem;height:2rem;color:var(--color-primary);border-radius:var(--radius-full);background:#385cad1a;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.step-title{color:var(--color-text-heading);letter-spacing:-.02em;margin:0;font-size:1.0625rem;font-weight:700}.vehicle-type-selector{border:0;min-inline-size:0;margin:0;padding:0}.vehicle-type-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.vehicle-type-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-spring), background-color var(--transition-base);color:inherit;display:flex;position:relative}.vehicle-type-card:hover:not(.is-active){box-shadow:var(--shadow-sm);border-color:#385cad59;transform:translateY(-2px)}.vehicle-type-card.is-active{border-color:var(--color-primary);box-shadow:0 0 0 1px #385cad26, var(--shadow-md);background:linear-gradient(165deg,#385cad0f 0%,#fff 100%);transform:scale(1.02)}.vehicle-type-icon{width:2.5rem;height:2.5rem;color:var(--color-primary);border-radius:var(--radius-full);background:#385cad1a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;display:flex}.vehicle-type-card.is-active .vehicle-type-icon{background:var(--color-primary);color:var(--color-text-inverse);transform:scale(1.08)}.vehicle-type-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.vehicle-type-label{color:var(--color-text-heading);font-size:.9375rem;font-weight:700}.vehicle-type-desc{color:var(--color-text-muted);font-size:.8125rem}.vehicle-selected-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);border-radius:var(--radius-full);background:#385cad1a;align-self:flex-start;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.plate-input-block{gap:var(--spacing-md);flex-direction:column;display:flex}.plate-input-shell{position:relative}.plate-input{width:100%;font-family:var(--font-mono);letter-spacing:.22em;text-align:center;text-transform:uppercase;color:var(--color-text-heading);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffd9;min-height:96px;padding:1.375rem 1.25rem;font-size:clamp(2rem,7vw,2.75rem);font-weight:700;transition:border-color .35s,box-shadow .35s,background-color .35s,transform .25s}.plate-input::placeholder{font-family:var(--font-family);letter-spacing:.08em;color:#1d2e5c47;font-size:1.125rem;font-weight:500}.plate-input:hover{border-color:#385cad47}.plate-input:focus{border-color:var(--color-primary);background:#fff;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #385cad1a,0 12px 40px #1d2e5c14}.plate-input-hint{color:var(--color-text-muted);text-align:center;margin:0;font-size:.875rem}.example-chips{margin-top:var(--spacing-lg)}.example-chips-label{color:var(--color-text-muted);margin:0 0 .55rem;font-size:.875rem}.example-chips-row{flex-wrap:wrap;gap:.5rem;display:flex}.example-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-heading);border-radius:var(--radius-full);letter-spacing:.04em;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);padding:.45rem .85rem;font-size:.8125rem;font-weight:700}.example-chip:hover,.example-chip:focus-visible{border-color:var(--color-primary);color:var(--color-primary-dark);background:#385cad0a}.plate-preview-block{gap:var(--spacing-lg);padding:var(--spacing-xl);flex-direction:column;display:flex}.plate-preview-header{text-align:center}.plate-preview-title{color:var(--color-text-heading);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.plate-preview-subtitle{color:var(--color-text-muted);margin:0;font-size:.8125rem}.plate-showcase{padding:var(--spacing-xl) var(--spacing-md);flex-direction:column;align-items:center;min-height:180px;display:flex}.official-plate{max-width:100%;box-shadow:var(--shadow-plate), inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #0000000f;background:linear-gradient(#fafbfc 0%,#eef1f6 45%,#e2e7ef 100%);border:2px solid #2a4080;border-radius:8px;align-items:stretch;width:min(420px,100%);min-height:84px;margin:0 auto;animation:.45s cubic-bezier(.34,1.2,.64,1) plateReveal;display:flex;position:relative;overflow:hidden}.official-plate.is-moto{--moto-strip-w:36px;--moto-strip-h:58px;grid-template-columns:var(--moto-strip-w) 1fr var(--moto-strip-w);grid-template-rows:var(--moto-strip-h) 1fr;aspect-ratio:1/1.05;border-right-width:3px;align-items:stretch;width:min(210px,100%);height:auto;min-height:200px;display:grid}.official-plate-flag{z-index:3;background:linear-gradient(#1a4db3 0%,#039 50%,#026 100%);border-right:1px solid #0003;flex-shrink:0;align-self:stretch;width:52px;min-height:84px;display:flex;position:relative;overflow:hidden;box-shadow:inset -1px 0 #ffffff14}.official-plate-flag-img{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.official-plate-number{font-family:var(--font-mono);text-transform:uppercase;color:#1a2744;letter-spacing:.14em;text-shadow:0 1px #fff9;flex:1;justify-content:center;align-items:center;min-width:0;padding:0 1.25rem 0 .75rem;font-size:clamp(1.5rem,4.5vw,2.625rem);font-weight:700;display:flex;position:relative;overflow:hidden}.moto-strip{width:var(--moto-strip-w);height:var(--moto-strip-h);background:linear-gradient(#2073fb 0%,#1a5fd4 100%);overflow:hidden;box-shadow:inset 0 -1px #0000001f}.moto-strip-left{border-right:1px solid #00000026;border-radius:6px 0 0;grid-area:1/1}.moto-strip-right{border-left:1px solid #00000026;border-radius:0 6px 0 0;grid-area:1/3}.moto-strip-img{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.moto-letters{font-family:var(--font-mono);text-transform:uppercase;color:#1a2744;letter-spacing:.12em;text-shadow:0 1px #fff9;grid-area:1/2;justify-content:center;align-items:center;min-width:0;padding:0 .2rem;font-size:clamp(1.35rem,4.5vw,1.9rem);font-weight:700;display:flex;position:relative}.moto-number-area{font-family:var(--font-mono);text-transform:uppercase;color:#1a2744;letter-spacing:.14em;text-shadow:0 1px #fff9;grid-area:2/1/auto/-1;justify-content:center;align-items:center;min-width:0;padding:.35rem .6rem .55rem;font-size:clamp(1.55rem,5vw,2.15rem);font-weight:700;display:flex;position:relative;overflow:hidden}.official-plate-shine{pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 30%,#ffffff59 48%,#0000 62%);position:absolute;inset:0}.official-plate-bevel{border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 2px 4px #ffffff40}.plate-char{transition:transform .25s,opacity .25s;display:inline-block}.plate-char.is-filled{animation:.3s cubic-bezier(.34,1.2,.64,1) charPop}.plate-char.is-empty{opacity:.22;color:var(--color-text-light)}.plate-gap{width:1.25rem;display:inline-block}.validation-message{align-items:flex-start;gap:var(--spacing-md);margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);animation:.35s fadeIn;display:flex}.validation-icon{width:2.25rem;height:2.25rem;color:var(--color-error);border-radius:var(--radius-full);background:#c0392b1a;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.validation-title{color:var(--color-error);margin:0 0 .25rem;font-size:.875rem;font-weight:700}.validation-list{color:#7f2d24;margin:0;padding-left:1.1rem;font-size:.875rem;line-height:1.55}.price-summary{margin-top:var(--spacing-xl);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,#1d2e5c0a 0%,#ffffffe6 100%);animation:.5s cubic-bezier(.34,1.2,.64,1) reveal}.price-summary-top{gap:var(--spacing-lg);flex-direction:column;display:flex}.price-summary-eyebrow{margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-size:.8125rem;font-weight:600;display:block}.price-summary-row{justify-content:flex-start;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.price-summary-total{color:var(--color-text-heading);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.25rem,6vw,3rem);font-weight:800;line-height:1;animation:.55s cubic-bezier(.34,1.2,.64,1) priceIn}.price-summary-currency{color:var(--color-text-muted);font-size:1.125rem;font-weight:600}.price-plate-badge{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);flex-direction:column;align-items:center;gap:.375rem;display:flex}.price-plate-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);font-size:.6875rem;font-weight:600}.price-plate-value{font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-primary-dark);font-size:1.375rem;font-weight:700}.important-notes{margin:var(--spacing-lg) 0 0;padding:var(--spacing-md);color:var(--color-text-muted);text-align:center;border-radius:var(--radius-md);background:#1d2e5c08;font-size:.8125rem;line-height:1.65}.important-notes p{margin:0 0 .65rem}.important-notes p:last-child{margin-bottom:0}.site-footer{background:var(--color-primary-dark);color:#ffffffe0;margin-top:auto}.site-footer-main{border-bottom:1px solid #ffffff1a}.site-footer-inner{max-width:var(--max-page-width);padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-xl);margin:0 auto;display:grid}.footer-org-name{margin:0 0 var(--spacing-sm);color:#fff;font-size:1rem;font-weight:600;line-height:1.5}.footer-org-abbr{margin:0 0 var(--spacing-md);letter-spacing:.08em;color:var(--color-accent);text-transform:uppercase;font-size:.8125rem;font-weight:700}.footer-address{color:#ffffffb3;margin:0;font-size:.875rem;line-height:1.6}.footer-links-title{margin:0 0 var(--spacing-md);text-transform:uppercase;letter-spacing:.06em;color:#fff9;font-size:.8125rem;font-weight:700}.footer-links{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:#ffffffd9;transition:color var(--transition-fast);font-size:.875rem;text-decoration:none}.footer-link:hover{color:var(--color-accent);text-decoration:underline}.site-footer-bottom{background:#00000026}.site-footer-bottom-inner{max-width:var(--max-page-width);padding:var(--spacing-md);text-align:center;margin:0 auto}.footer-disclaimer{margin:0 0 var(--spacing-sm);color:#ffffffa6;max-width:640px;margin-left:auto;margin-right:auto;font-size:.8125rem;line-height:1.6}.footer-copyright{color:#ffffff80;margin:0;font-size:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes priceIn{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes plateReveal{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes charPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width>=768px){.site-header-inner{padding:var(--spacing-md) var(--spacing-lg)}.site-logo{height:44px}.hero-inner{padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-4xl)}.calculator-section{padding:0 var(--spacing-lg) var(--spacing-4xl)}.calculator-card{padding:var(--spacing-2xl)}.site-footer-inner{padding:var(--spacing-2xl) var(--spacing-lg);grid-template-columns:1.5fr 1fr}.price-summary-top{flex-direction:row;justify-content:space-between;align-items:center}.plate-gap{width:.875rem}}@media (width>=1024px){.configurator-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;grid-template-areas:"steps preview";align-items:start}.preview-panel{top:calc(var(--header-height) + var(--spacing-lg));position:sticky}}@media (width<=520px){.vehicle-type-grid{grid-template-columns:1fr}.official-plate.is-auto{min-height:68px}.official-plate.is-auto .official-plate-flag{width:40px;min-height:68px}.official-plate.is-moto{--moto-strip-w:32px;--moto-strip-h:52px;min-height:180px}.moto-number-area{font-size:1.45rem}.moto-letters{font-size:1.25rem}}@media (width<=480px){.site-logo{height:32px}}@media (prefers-reduced-motion:reduce){.vehicle-type-card,.plate-input,.price-summary,.price-summary-total,.official-plate,.plate-char.is-filled,.validation-message{transition:none;animation:none}}