@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--bg: #ffffff;--bg-subtle: #faf5ff;--bg-muted: #f8f9fc;--surface: #ffffff;--border: #e8deff;--border-mid: #d4c2f7;--accent: #7c3aed;--accent-h: #6d28d9;--accent-lt: #ede9fe;--accent-g: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--accent-g2: linear-gradient(135deg, #a855f7 0%, #c084fc 100%);--text-primary: #1e1b2e;--text-secondary: #4b4569;--text-muted: #8b7fa8;--text-on-purple: #ffffff;--success: #059669;--warning: #d97706;--danger: #dc2626;--info: #2563eb;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(124, 58, 237, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 16px rgba(124, 58, 237, .1), 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(124, 58, 237, .14), 0 4px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 50px rgba(124, 58, 237, .18), 0 8px 16px rgba(0, 0, 0, .06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-muted);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img,svg{display:block}.container{width:92%;max-width:1200px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-mid)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-g);color:#fff;border:none;padding:13px 24px;border-radius:var(--radius);font-size:14px;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 14px #7c3aed59;transition:box-shadow .2s,transform .15s,opacity .2s}.btn-primary:hover{box-shadow:0 6px 20px #7c3aed73;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 3px 10px #7c3aed4d}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1.5px solid var(--accent);color:var(--accent);padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:600;transition:background .2s,transform .15s}.btn-outline:hover{background:var(--accent-lt);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;color:var(--text-secondary);padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:color .2s,background .2s}.btn-ghost:hover{color:var(--accent);background:var(--accent-lt)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fef2f2;border:1.5px solid #fca5a5;color:var(--danger);padding:11px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;transition:background .2s,transform .15s}.btn-danger:hover{background:#fee2e2;transform:translateY(-1px)}.btn-disabled{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f3f4f6;border:1.5px solid #e5e7eb;color:#9ca3af;padding:11px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:not-allowed}.input{width:100%;padding:13px 16px;background:#fff;border:1.5px solid #e2d9f5;border-radius:var(--radius);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7c3aed1f}.input option{background:#fff;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-purple{background:var(--purple-100);color:var(--purple-700);border:1px solid var(--purple-200)}.badge-violet{background:#f5f3ff;color:#5b21b6;border:1px solid #ddd6fe}.badge-green{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.badge-amber{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.badge-red{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.badge-gray{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.badge-blue{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-16px) rotate(3deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #7c3aed33}70%{box-shadow:0 0 0 16px #7c3aed00}to{box-shadow:0 0 #7c3aed00}}.animate-up{animation:fadeUp .5s ease both}.animate-fade{animation:fadeIn .4s ease both}.animate-float{animation:float 4s ease-in-out infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f5f3ff}::-webkit-scrollbar-thumb{background:var(--purple-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--purple-400)}::selection{background:var(--purple-200);color:var(--purple-800)}