:root{--brand: #1a56db;--brand-dark: #1647b8;--brand-light: #eff6ff;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--surface: #ffffff;--surface-elevated: #f9fafb;--border: #e5e7eb;--success: #16a34a;--danger: #dc2626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--max-width: 420px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f3f4f6;color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{height:100%}.app-shell{min-height:100%;display:flex;justify-content:center;background:#f3f4f6}.screen{width:100%;max-width:var(--max-width);min-height:100%;background:var(--surface);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-md)}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-bar__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .15s ease}.app-bar__back:hover{background:var(--surface-elevated)}.app-bar__title{flex:1;font-size:18px;font-weight:700;text-align:center;margin:0}.app-bar__spacer{width:36px}.screen-content{flex:1;padding:16px 16px 104px;overflow-y:auto}.screen-content--purchase,.order-summary{display:flex;flex-direction:column;gap:16px}.vehicle-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--brand-light);border-radius:var(--radius-xl);align-self:flex-start}.vehicle-chip__icon{font-size:16px}.vehicle-chip__number{font-size:14px;font-weight:600;color:var(--brand);letter-spacing:.5px}.amount-card{padding:24px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:var(--radius-md);color:#fff;text-align:center}.amount-card__label{margin:0 0 8px;font-size:14px;opacity:.9}.amount-card__amount{margin:0;font-size:36px;font-weight:700}.breakdown{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border)}.breakdown__row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.breakdown__row--total{padding-top:12px;border-top:1px dashed var(--border);font-size:16px;font-weight:700;color:var(--text-primary)}.info-section{margin-top:24px;padding:16px;background:var(--surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.info-row{display:flex;justify-content:space-between;font-size:14px}.info-label{color:var(--text-secondary)}.info-value{color:var(--text-primary);font-weight:500;text-align:right;max-width:60%}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;border:none;cursor:pointer;transition:transform .05s ease,background .15s ease,box-shadow .15s ease}.button:active{transform:scale(.98)}.button--full{width:100%}.button--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.button--primary:hover{background:var(--brand-dark)}.button--primary:disabled{background:var(--success);cursor:default}.button--secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border)}.button--secondary:hover{background:var(--surface-elevated)}.sticky-pay-now{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);padding:12px 16px 20px;background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 12px #0000000d;z-index:5}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1}.sheet{position:relative;z-index:2;width:100%;max-width:var(--max-width);background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform .25s cubic-bezier(.16,1,.3,1)}.sheet--open{transform:translateY(0)}.sheet__handle{width:40px;height:4px;background:var(--border);border-radius:999px;margin:12px auto 8px}.sheet__body{padding:12px 16px 24px}.sheet__title{margin:0 0 6px;font-size:20px;font-weight:700;text-align:center}.sheet__subtitle{margin:0 0 20px;font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.5}.sheet__actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.tier-card{padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-md)}.tier-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.tier-card__name{margin:0 0 2px;font-size:17px;font-weight:700;color:#0369a1}.tier-card__duration{font-size:13px;color:var(--text-secondary)}.tier-card__price{font-size:28px;font-weight:700;color:var(--text-primary)}.tier-card__benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.tier-card__benefit{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.tier-card__benefit-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--success);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.purchase-summary{display:flex;flex-direction:column;gap:16px}.purchase-summary__card{padding:16px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px}.purchase-summary__row{display:flex;justify-content:space-between;font-size:14px}.purchase-summary__row--total{padding-top:12px;border-top:1px dashed var(--border);font-size:16px;font-weight:700}.purchase-summary__label{color:var(--text-secondary)}.purchase-summary__value{color:var(--text-primary);font-weight:500}.purchase-benefits__title{margin:0 0 10px;font-size:15px;font-weight:600}.purchase-benefits__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.purchase-benefits__item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.purchase-benefits__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--success);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.purchase-note{padding:14px 16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--radius-md);color:#9a3412;font-size:13px;line-height:1.5}.purchase-note p{margin:0}