@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #7C3AED;--purple-dark: #4C1D95;--purple-light: #EDE9FE;--green: #059669;--green-light: #D1FAE5;--red: #DC2626;--amber: #D97706;--blue: #2563EB;--bg: #0F0B1E;--bg-card: #1A1432;--bg-card2: #221A42;--border: #2D2450;--text: #F9FAFB;--text-muted: #9CA3AF;--text-dim: #6B7280;--shadow: 0 4px 24px rgba(124,58,237,.15);--radius: 16px}[data-theme=light]{--bg: #F5F3FF;--bg-card: #FFFFFF;--bg-card2: #F0EBFF;--border: #DDD6FE;--text: #111827;--text-muted: #6B7280;--text-dim: #9CA3AF;--shadow: 0 4px 24px rgba(124,58,237,.1)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .3s,color .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}input,textarea,select{font-family:inherit;background:var(--bg-card2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 14px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed26}button{font-family:inherit;cursor:pointer;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--purple),#9333EA);color:#fff;padding:12px 28px;border-radius:12px;font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 15px #7c3aed66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed80}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--purple);padding:10px 22px;border-radius:12px;font-weight:600;font-size:14px;border:2px solid var(--purple);transition:background .2s,color .2s}.btn-outline:hover{background:var(--purple);color:#fff}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-purple{background:var(--purple-light);color:var(--purple-dark)}.badge-green{background:var(--green-light);color:var(--green)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 0 12px #7c3aed00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.animate-fade-up{animation:fadeInUp .5s ease both}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease infinite}@media (max-width: 768px){.card{padding:16px}.btn-primary{padding:10px 20px;font-size:14px}}