:root{--color-primary: #7c5cfc;--color-primary-tint: #f1edff;--color-text: #111111;--color-text-secondary: #666666;--color-bg: #f8f8fa;--color-surface: #ffffff;--color-border: #e8e8ec;--color-success: #22a06b;--color-error: #d64545;--radius-sm: 8px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--container-max: 1280px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .05s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.92}.btn-secondary{background:var(--color-primary-tint);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){opacity:.85}.btn-tertiary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-tertiary:hover:not(:disabled){background:var(--color-surface)}.btn-block{width:100%}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #1111110a}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--color-primary-tint);color:var(--color-primary)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}h1,h2,h3{margin:0;line-height:1.15;font-weight:700}p{margin:0;color:var(--color-text-secondary);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:#fdf1f1;border:1px solid #f3caca;color:var(--color-error);border-radius:var(--radius-sm);padding:var(--space-2);font-size:14px}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--color-primary-tint);border-top-color:var(--color-primary);animation:spin .8s linear infinite;flex-shrink:0}.spinner-sm{width:20px;height:20px;border-width:2px}.progress-track{width:100%;height:6px;border-radius:var(--radius-pill);background:#7c5cfc2e;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width .2s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.text-hero{font-size:clamp(36px,5vw,56px)}.text-h2{font-size:clamp(26px,3.2vw,36px)}@media (max-width: 767px){.container{padding:0 var(--space-2)}}