:root{--t1: rgba(255,255,255,1);--t2: rgba(255,255,255,.88);--t3: rgba(255,255,255,.72);--t4: rgba(255,255,255,.55);--t5: rgba(255,255,255,.38);--bd1: rgba(255,255,255,.18);--bd2: rgba(255,255,255,.1);--bd3: rgba(255,255,255,.06);--s1: #1c1c1c;--s2: #222222;--s3: #161616;--color-primary-50: #f5f3ff;--color-primary-100: #ede9fe;--color-primary-200: #ddd6fe;--color-primary-300: #c4b5fd;--color-primary-400: #a78bfa;--color-primary-500: #8b5cf6;--color-primary-600: #7c3aed;--color-primary-700: #6d28d9;--color-primary-800: #5b21b6;--color-primary-900: #4c1d95;--color-cta-400: #fbbf24;--color-cta-500: #f59e0b;--color-cta-600: #d97706;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-heading: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--max-width-app: 1280px;--navbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.5;color:var(--color-gray-800);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:1.2;color:var(--color-gray-900)}.container{width:100%;max-width:var(--max-width-app);margin-inline:auto;padding-inline:var(--space-6)}.page-content{padding-top:calc(var(--navbar-height) + var(--space-8));padding-bottom:var(--space-16)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--color-gray-500)}.text-primary{color:var(--color-primary-600)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;transition:background-color var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary-600);color:var(--color-white)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-700)}.btn--cta{background-color:var(--color-cta-500);color:var(--color-white)}.btn--cta:hover:not(:disabled){background-color:var(--color-cta-600)}.btn--outline{background-color:transparent;color:var(--color-primary-600);border:1.5px solid var(--color-primary-600)}.btn--outline:hover:not(:disabled){background-color:var(--color-primary-50)}.btn--ghost{background-color:transparent;color:var(--color-gray-600)}.btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn--danger{background-color:var(--color-error);color:var(--color-white)}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--full{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700)}.form-control{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-gray-800);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-control::placeholder{color:var(--color-gray-400)}.form-control:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #8b5cf626}.form-control.is-invalid{border-color:var(--color-error)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px #ef444426}.form-error{font-size:var(--text-xs);color:var(--color-error)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card--hoverable{transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card--hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge--success{background-color:#dcfce7;color:#16a34a}.badge--warning{background-color:#fef9c3;color:#ca8a04}.badge--error{background-color:#fee2e2;color:#dc2626}.badge--info{background-color:#dbeafe;color:#2563eb}.badge--neutral{background-color:var(--color-gray-100);color:var(--color-gray-600)}.divider{border:none;border-top:1px solid var(--color-gray-200);margin-block:var(--space-6)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}