@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#4a3db8;--bg-deep:#0d0d1a;--bg-surface:#13132b;--bg-card:#1a1a3e;--bg-elevated:#225;--accent:#00d2ff;--accent-glow:#00d2ff26;--success:#00e676;--danger:#ff4757;--warning:#ffa502;--text-primary:#eef;--text-secondary:#88a;--text-muted:#557;--border:#6c5ce733;--border-hover:#6c5ce766;--glass:#1a1a3e99;--glass-border:#6c5ce726;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px #6c5ce726;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--hover-tint:#6c5ce70f;--hover-bg:#6c5ce71a;--active-tint:#6c5ce724;--primary-tint-subtle:#6c5ce726;--primary-tint-strong:#6c5ce733;--danger-tint:#ff47571a;--danger-tint-subtle:#ff47570f;--success-tint:#00e6761f;--warning-tint:#ffa5021f;--warning-tint-subtle:#ffa50214;--accent-tint:#00d2ff1f}[data-theme=light]{--bg-deep:#eceef3;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f3f5f8;--accent:#07c;--accent-glow:#0077cc1a;--success:#059669;--danger:#dc2626;--warning:#d97706;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--border:#0000001a;--border-hover:#6c5ce759;--glass:#fffffff7;--glass-border:#00000014;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000d;--shadow-lg:0 12px 40px #0000001f;--shadow-glow:0 0 20px #6c5ce71a;--hover-tint:#6c5ce70d;--hover-bg:#6c5ce714;--active-tint:#6c5ce71f;--primary-tint-subtle:#6c5ce71a;--primary-tint-strong:#6c5ce726;--danger-tint:#dc262614;--danger-tint-subtle:#dc26260d;--success-tint:#05966914;--warning-tint:#d9770614;--warning-tint-subtle:#d977060d;--accent-tint:#0077cc14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-light)}button{cursor:pointer;font-family:var(--font-sans);transition:all var(--transition);border:none;outline:none}input,textarea,select{font-family:var(--font-sans);border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-md);letter-spacing:.01em;transition:all var(--transition);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 15px #6c5ce74d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6c5ce766}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.btn-accent{background:linear-gradient(135deg, var(--accent), #09c);color:#000;font-weight:700}.btn-danger{background:linear-gradient(135deg, var(--danger), #c23);color:#fff}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1.05rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.input-field{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition);padding:14px 18px;font-size:.95rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce726}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-group{margin-bottom:20px}.form-error{color:var(--danger);margin-top:6px;font-size:.85rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-tint-strong);color:var(--primary-light)}.badge-accent{background:var(--accent-glow);color:var(--accent)}.badge-success{background:var(--success-tint);color:var(--success)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6c5ce733}50%{box-shadow:0 0 40px #6c5ce766}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-circle{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:50%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:14px;margin-bottom:8px;animation:1.5s ease-in-out infinite shimmer}.skeleton-text-sm{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:10px;margin-bottom:6px;animation:1.5s ease-in-out infinite shimmer}.skeleton-title{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:60%;height:20px;margin-bottom:12px;animation:1.5s ease-in-out infinite shimmer}.skeleton-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px}.animate-fade-up{animation:.5s ease-out forwards fadeInUp}.animate-slide-in{animation:.4s ease-out forwards slideIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::selection{color:#fff;background:#6c5ce74d}