@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-brand-900:#1e0a3c;--color-brand-800:#2d1254;--color-brand-700:#3d1b6e;--color-brand-600:#5b2d8e;--color-brand-500:#7b4db0;--color-brand-400:#9b6dc0;--color-brand-300:#c4b5e0;--color-brand-200:#e0d4f5;--color-brand-100:#ede9f9;--color-brand-50:#f9f6ff;--color-accent-600:#b87010;--color-accent-500:#e09018;--color-accent-400:#f4a020;--color-accent-200:#f4a02033;--color-accent-100:#f4a0201f;--color-accent-50:#f4a0200f;--color-success:#22c55e;--color-success-bg:#22c55e1a;--color-success-border:#22c55e40;--color-danger:#ef4444;--color-danger-bg:#ef444414;--color-danger-border:#ef444433;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b40;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-info-border:#3b82f633;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--surface-page:var(--color-brand-50);--surface-card:var(--color-white);--surface-overlay:#3d1b6e99;--surface-navbar:var(--color-brand-700);--surface-footer:#1a0e30;--text-primary:#1a1a2e;--text-secondary:var(--color-gray-500);--text-muted:var(--color-gray-400);--text-inverse:var(--color-white);--text-brand:var(--color-brand-700);--text-accent:var(--color-accent-400);--border-default:var(--color-brand-100);--border-focus:var(--color-brand-600);--border-strong:var(--color-brand-300);--font-family:"Plus Jakarta Sans","Inter","Segoe UI",sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #3d1b6e1a;--shadow-lg:0 10px 40px #3d1b6e26;--shadow-xl:0 20px 60px #3d1b6e33;--shadow-focus:0 0 0 3px #5b2d8e2e;--shadow-card-hover:0 8px 24px #3d1b6e1f;--transition-fast:all .15s ease;--transition-base:all .2s ease;--transition-slow:all .3s ease;--z-dropdown:100;--z-sticky:200;--z-navbar:1000;--z-modal:2000;--z-toast:3000;--container-xl:1100px;--navbar-height:68px;--btn-primary-bg:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-700));--btn-primary-color:var(--color-white);--btn-primary-shadow:0 4px 16px #3d1b6e4d;--btn-accent-bg:linear-gradient(135deg,var(--color-accent-400),var(--color-accent-500));--btn-accent-color:var(--color-brand-700);--btn-accent-shadow:0 4px 12px #f4a02059;--btn-ghost-bg:transparent;--btn-ghost-color:var(--color-brand-600);--btn-ghost-border:var(--color-brand-200);--card-bg:var(--surface-card);--card-border:var(--border-default);--card-radius:var(--radius-md);--card-padding:var(--space-6);--card-shadow:var(--shadow-sm);--input-border:var(--color-brand-200);--input-border-focus:var(--color-brand-600);--input-bg:var(--color-white);--input-padding:12px 16px;--input-radius:var(--radius-sm);--input-shadow-focus:var(--shadow-focus);--badge-radius:var(--radius-full);--badge-padding:4px 12px;--badge-font-size:var(--font-size-xs);--badge-font-weight:var(--font-weight-semibold)}.u-card{background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);padding:var(--card-padding);transition:var(--transition-base)}.u-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.u-card--flat{background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);padding:var(--card-padding)}.u-input{width:100%;padding:var(--input-padding);border:1.5px solid var(--input-border);border-radius:var(--input-radius);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--input-bg);color:var(--text-primary);transition:var(--transition-fast);outline:none}.u-input:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus)}.u-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);white-space:nowrap;border:none;padding:10px 22px;display:inline-flex}.u-btn:hover{opacity:.92;transform:translateY(-1px)}.u-btn:active{transform:translateY(0)}.u-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.u-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);box-shadow:var(--btn-primary-shadow)}.u-btn--accent{background:var(--btn-accent-bg);color:var(--btn-accent-color);box-shadow:var(--btn-accent-shadow)}.u-btn--ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-color);border:1.5px solid var(--btn-ghost-border)}.u-btn--ghost:hover{background:var(--color-brand-50)}.u-btn--danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.u-btn--sm{font-size:var(--font-size-sm);border-radius:var(--radius-xs);padding:7px 14px}.u-btn--lg{font-size:var(--font-size-md);border-radius:10px;padding:14px 36px}.u-badge{padding:var(--badge-padding);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);align-items:center;display:inline-flex}.u-badge--brand{background:var(--color-brand-50);color:var(--color-brand-600)}.u-badge--accent{background:var(--color-accent-100);color:var(--color-accent-500)}.u-badge--success{background:var(--color-success-bg);color:var(--color-success)}.u-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.u-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.u-badge--info{background:var(--color-info-bg);color:var(--color-info)}.u-badge--gray{background:var(--color-gray-100);color:var(--color-gray-600)}.u-page{background:var(--surface-page);min-height:100vh}.u-container{max-width:var(--container-xl);padding:0 var(--space-6);margin:0 auto}.u-section{padding:var(--space-10) var(--space-12)}.u-alert{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);padding:12px 16px;display:flex}.u-alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.u-alert--danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.u-alert--warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.u-alert--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.u-divider{border:none;border-top:1px solid var(--border-default);margin:var(--space-4) 0}@media (width<=768px){.u-hide-mobile{display:none!important}.u-section{padding:var(--space-8) var(--space-4)}.u-container{padding:0 var(--space-4)}}@media (width>=769px){.u-hide-desktop{display:none!important}}@media (width<=768px){[data-grid="4"]{grid-template-columns:repeat(2,1fr)!important}[data-grid="3"],[data-grid="2"]{grid-template-columns:1fr!important}[data-section]{padding:48px 16px!important}[data-hero]{min-height:auto!important;padding:48px 16px 56px!important}[data-title=xl]{font-size:28px!important}[data-title=lg]{font-size:22px!important}[data-title=hero]{font-size:32px!important;line-height:1.2!important}[data-floating]{display:none!important}[data-hero-content]{padding:48px 16px!important}[data-flex-mobile=column]{flex-direction:column!important}[data-center-mobile]{text-align:center!important}[data-hide-mobile]{display:none!important}[data-full-mobile]{width:100%!important;max-width:100%!important}}@media (width<=480px){[data-grid="4"]{grid-template-columns:repeat(2,1fr)!important}[data-title=hero]{font-size:26px!important}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1a1a2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Plus Jakarta Sans,Inter,Segoe UI,sans-serif}:root{--violet-dark:#3d1b6e;--violet:#5b2d8e;--violet-light:#7b4db0;--orange:#f4a020;--orange-dark:#e09018;--white:#fff;--bg:#f9f6ff;--border:#ede9f9;--text:#1a1a2e;--text-muted:#6b7280;--success:#22c55e;--danger:#ef4444;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #3d1b6e1a;--shadow-lg:0 10px 40px #3d1b6e26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f9f6ff}::-webkit-scrollbar-thumb{background:#c4b5e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5b2d8e}::selection{color:#3d1b6e;background:#5b2d8e33}button{font-family:inherit;transition:all .2s}button:hover{opacity:.92;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed!important;transform:none!important}input,select,textarea{font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#5b2d8e!important;box-shadow:0 0 0 3px #5b2d8e1f!important}a{transition:color .2s}.card{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:.5s forwards fadeInUp}.animate-fadeIn{animation:.3s forwards fadeIn}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0ebff 25%,#e0d4f5 50%,#f0ebff 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=768px){body{font-size:14px}}