:root{--ui-bg: #f4f4f6;--ui-surface: #ffffff;--ui-surface-muted: #f8f8fb;--ui-text: #1f1f1f;--ui-text-muted: #6d6d6d;--ui-border: rgba(17, 17, 17, .08);--ui-border-strong: rgba(17, 17, 17, .16);--ui-primary: #ff7a18;--ui-primary-dark: #e0670c;--ui-accent: #4338ca;--ui-success: #22c55e;--ui-warning: #fbbf24;--ui-danger: #ef4444;--ui-shadow-soft: 0 24px 55px rgba(15, 23, 42, .15);--ui-shadow-card: 0 12px 30px rgba(15, 23, 42, .12);--ui-radius-xl: 32px;--ui-radius-lg: 24px;--ui-radius-md: 18px;--ui-radius-pill: 999px;--ui-font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--ui-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}*,*:before,*:after{box-sizing:border-box}body.ui-shell{margin:0;min-height:100vh;background:var(--ui-bg);color:var(--ui-text);font-family:var(--ui-font-body)}.ui-app{min-height:100vh;padding:min(5vw,48px) min(3vw,32px) 56px;display:flex;flex-direction:column;gap:32px}.ui-hero{background:var(--ui-surface);border-radius:var(--ui-radius-xl);padding:clamp(24px,4vw,48px);box-shadow:var(--ui-shadow-soft);display:grid;gap:24px}.ui-hero__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;color:var(--ui-text-muted);margin:0}.ui-hero__title{font-family:var(--ui-font-heading);font-size:clamp(2.4rem,5vw,3.8rem);margin:0}.ui-hero__desc{margin:8px 0 0;color:var(--ui-text-muted);font-size:1rem}.ui-hero__actions{display:flex;flex-wrap:wrap;gap:14px}.ui-cta-button{border:none;border-radius:var(--ui-radius-pill);padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;display:inline-flex;align-items:center;gap:10px;text-decoration:none;justify-content:center}.ui-cta-button--primary{background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary-dark));color:#fff;box-shadow:0 18px 35px #e0670c4d}.ui-cta-button--ghost{background:var(--ui-ghost, rgba(17, 17, 17, .05));color:var(--ui-text);border:1px solid var(--ui-border)}.ui-cta-button:hover{transform:translateY(-1px)}.ui-grid{display:grid;gap:18px}.ui-grid--cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ui-card{background:var(--ui-surface);border-radius:var(--ui-radius-lg);padding:24px;box-shadow:var(--ui-shadow-card);border:1px solid var(--ui-border);display:flex;flex-direction:column;gap:12px}.ui-card__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ui-text-muted);font-size:.82rem;margin:0}.ui-card__title{margin:0;font-size:1.3rem;color:var(--ui-text)}.ui-card__desc{margin:0;color:var(--ui-text-muted);font-size:.95rem}.ui-card__actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}.ui-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--ui-radius-pill);background:#4338ca1a;color:var(--ui-accent);font-weight:600;font-size:.85rem}.ui-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-progress__step{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ui-text-muted)}.ui-progress__step--active{color:var(--ui-primary-dark)}.ui-progress__step:before{content:"";width:34px;height:6px;border-radius:var(--ui-radius-pill);background:currentColor;opacity:.25}.ui-progress__step--active:before{opacity:1}.ui-bottom-sheet{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:flex-end;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2000}.ui-bottom-sheet--open{opacity:1;pointer-events:auto}.ui-bottom-sheet__panel{width:min(480px,100%);background:var(--ui-surface);border-radius:var(--ui-radius-xl) var(--ui-radius-xl) 0 0;padding:32px 28px 28px;box-shadow:0 -18px 45px #0f172a40;animation:sheetUp .25s ease}.ui-bottom-sheet__title{margin:0 0 8px;font-size:1.4rem}.ui-bottom-sheet__text{margin:0 0 18px;color:var(--ui-text-muted)}.ui-bottom-sheet__actions{display:flex;flex-direction:column;gap:12px}@media (min-width: 520px){.ui-bottom-sheet__actions{flex-direction:row}.ui-bottom-sheet__actions .ui-cta-button{flex:1}}@media (max-width: 768px){.ui-app{padding:24px 16px 48px}.ui-hero{border-radius:var(--ui-radius-lg)}.ui-hero__actions{flex-direction:column;width:100%}.ui-cta-button{width:100%}.ui-grid--cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}