@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg2: #f8f7ff;--bg3: #f1efff;--border: #e4e2f5;--border2: #d0cdf0;--primary: #5b21b6;--primary-h: #4c1d95;--primary-l: #7c3aed;--primary-xl: #ede9fe;--primary-xxl:#f5f3ff;--accent: #6366f1;--green: #059669;--green-l: #d1fae5;--red: #dc2626;--red-l: #fee2e2;--yellow: #d97706;--yellow-l:#fef3c7;--text: #1e1b4b;--text2: #4b5563;--text3: #9ca3af;--radius: 14px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(91,33,182,.07), 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 16px rgba(91,33,182,.1), 0 1px 4px rgba(0,0,0,.05);--shadow-lg: 0 20px 60px rgba(91,33,182,.14), 0 4px 16px rgba(0,0,0,.06)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;transition:all .15s ease;white-space:nowrap;letter-spacing:-.01em}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #5b21b659}.btn-primary:hover{background:var(--primary-h);box-shadow:0 4px 16px #5b21b673;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:#fff;color:var(--primary);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--primary);background:var(--primary-xxl)}.btn-ghost{background:transparent;color:var(--text2);padding:8px 14px}.btn-ghost:hover{color:var(--text);background:var(--bg3);border-radius:var(--radius-sm)}.btn-lg{padding:14px 30px;font-size:1rem;border-radius:10px}.btn-sm{padding:6px 14px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.card-hover{transition:box-shadow .2s,transform .2s,border-color .2s}.card-hover:hover{box-shadow:var(--shadow);border-color:var(--border2);transform:translateY(-2px)}.input{width:100%;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:11px 14px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b21b61f}.input::placeholder{color:var(--text3)}.label{display:block;font-size:.85rem;font-weight:600;color:var(--text2);margin-bottom:6px}.form-group{margin-bottom:18px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:600}.badge-purple{background:var(--primary-xl);color:var(--primary)}.badge-green{background:var(--green-l);color:var(--green)}.badge-yellow{background:var(--yellow-l);color:var(--yellow)}.badge-red{background:var(--red-l);color:var(--red)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px}.alert-error{background:var(--red-l);border:1px solid #fca5a5;color:#991b1b}.alert-success{background:var(--green-l);border:1px solid #6ee7b7;color:#065f46}.alert-info{background:var(--primary-xl);border:1px solid #c4b5fd;color:var(--primary)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-dark{border-color:#5b21b633;border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.page-container{max-width:1100px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{display:inline-flex;align-items:center;gap:6px;background:var(--primary-xl);color:var(--primary);border-radius:999px;padding:5px 14px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}