:root{--font-primary:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-outfit), sans-serif;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary-accent:#6366f1;--primary-accent-hover:#4f46e5;--secondary-accent:#06b6d4;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--accent-gradient-hover:linear-gradient(135deg, #4f46e5 0%, #0891b2 100%);--accent-gradient-glow:#6366f126;--border-color:#e2e8f0;--border-focus:#6366f1;--card-shadow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--glow-shadow:0 0 20px #6366f133;--glass-bg:#ffffffb3;--glass-border:#fff9;--glass-blur:blur(12px);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s ease}[data-theme=dark]{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary-accent:#818cf8;--primary-accent-hover:#6366f1;--secondary-accent:#22d3ee;--accent-gradient:linear-gradient(135deg, #818cf8 0%, #22d3ee 100%);--accent-gradient-hover:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--accent-gradient-glow:#818cf840;--border-color:#334155;--border-focus:#818cf8;--card-shadow:0 20px 25px -5px #0000004d, 0 10px 10px -10px #0000004d;--glow-shadow:0 0 30px #818cf84d;--glass-bg:#0f172a99;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{font-family:var(--font-primary);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;transition:background-color var(--transition-normal), color var(--transition-normal);background-image:radial-gradient(at 0 0,#6366f10d 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d40d 0,#0000 50%);background-attachment:fixed;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);padding:2rem}.glass-card:hover{box-shadow:var(--card-shadow), var(--glow-shadow);border-color:#6366f140}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600;font-family:var(--font-display);margin-bottom:.5rem;display:block}.input-field{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:1rem}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f126}.select-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px var(--accent-gradient-glow)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 6px 20px var(--accent-gradient-glow), var(--glow-shadow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.btn-outline{color:var(--primary-accent);border:1.5px solid var(--primary-accent);background-color:#0000}.btn-outline:hover{background-color:var(--primary-accent);color:#fff}.tab-container{gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:flex}.tab-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background-color:var(--bg-secondary);color:var(--primary-accent);border-color:var(--border-color);box-shadow:var(--card-shadow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@media (max-width:768px){.container{padding:1rem 1rem 2rem}.tab-container{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin-bottom:1rem;padding-bottom:.25rem}.tab-container::-webkit-scrollbar{display:none}}@media (max-width:640px){.glass-card{border-radius:var(--radius-md);padding:1.25rem}}