:root{--bg-light-base: #f8fafc;--bg-light-surface: #ffffff;--bg-light-card: #ffffff;--primary-hue: 224;--primary: hsl(var(--primary-hue), 76%, 48%);--primary-dark: hsl(var(--primary-hue), 85%, 30%);--primary-glow: hsla(var(--primary-hue), 76%, 48%, .06);--secondary-hue: 262;--secondary: hsl(var(--secondary-hue), 76%, 54%);--secondary-dark: hsl(var(--secondary-hue), 85%, 36%);--secondary-glow: hsla(var(--secondary-hue), 76%, 54%, .06);--accent-hue: 336;--accent: hsl(var(--accent-hue), 76%, 50%);--accent-dark: hsl(var(--accent-hue), 85%, 35%);--accent-glow: hsla(var(--accent-hue), 76%, 50%, .12);--text-main: #0f172a;--text-muted: #475569;--text-dark: #64748b;--border-light: #e2e8f0;--border-focus: hsla(var(--secondary-hue), 76%, 54%, .35);--font-title: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -2px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-panel: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -4px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-button: 0 4px 12px rgba(37, 99, 235, .15);--shadow-button-accent: 0 4px 12px rgba(219, 39, 119, .18);--shadow-button-secondary: 0 4px 12px rgba(124, 58, 237, .15);--glass-backdrop: blur(12px)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:var(--bg-light-base);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.025em;color:var(--text-main)}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light-base)}::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-light-surface);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-panel);transition:var(--transition-smooth)}.glass-card{background:var(--bg-light-card);border:1px solid var(--border-light);border-radius:8px;padding:30px;box-shadow:var(--shadow-card);transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-4px);border-color:#7c3aed33;box-shadow:0 12px 24px -10px #7c3aed1f,0 0 0 1px #7c3aed0a}.glowing-mesh{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.035) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.035) 0%,transparent 40%)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:12px 28px;border-radius:6px;font-family:var(--font-title);font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-button);transition:var(--transition-smooth)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb40;filter:brightness(1.05)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-accent{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;padding:12px 28px;border-radius:6px;font-family:var(--font-title);font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-button-accent);transition:var(--transition-smooth)}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #db27774d;filter:brightness(1.05)}.btn-accent:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:#fff;padding:12px 28px;border-radius:6px;font-family:var(--font-title);font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-button-secondary);transition:var(--transition-smooth)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed40;filter:brightness(1.05)}.btn-secondary:disabled{opacity:.7;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:var(--bg-light-surface);color:var(--text-main);padding:11px 27px;border-radius:6px;font-family:var(--font-title);font-weight:600;border:1px solid var(--border-light);cursor:pointer;transition:var(--transition-smooth)}.btn-outline:hover:not(:disabled){background:var(--bg-light-base);border-color:var(--text-dark);transform:translateY(-1px)}.gradient-text{background:linear-gradient(135deg,var(--primary-dark) 20%,var(--primary) 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-accent{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}input,select,textarea{background:var(--bg-light-surface);border:1px solid var(--border-light);padding:12px;border-radius:6px;color:var(--text-main);font-family:inherit;font-size:14px;outline:none;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--border-focus)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-animate{animation:modal-fade-in .2s cubic-bezier(.16,1,.3,1) forwards}.main-content{flex:1 0 auto;padding-top:135px;display:flex;flex-direction:column;transition:var(--transition-smooth)}.responsive-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.responsive-grid-3{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:24px!important}.responsive-grid-autofit-280{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:24px!important}.responsive-grid-autofit-300{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:24px!important}.responsive-grid-autofit-320{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:24px!important}.responsive-grid-autofit-350{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important;gap:24px!important}@media (max-width: 1024px){.main-content{padding-top:72px!important}}@media (max-width: 900px){.responsive-grid-3{grid-template-columns:1fr 1fr!important}}@media (max-width: 768px){.responsive-grid-2,.responsive-grid-3,.responsive-grid-autofit-280,.responsive-grid-autofit-300,.responsive-grid-autofit-320,.responsive-grid-autofit-350{grid-template-columns:1fr!important;gap:16px!important}.responsive-grid-2>*,.responsive-grid-3>*,.responsive-grid-autofit-280>*,.responsive-grid-autofit-300>*,.responsive-grid-autofit-320>*,.responsive-grid-autofit-350>*{grid-column:span 1!important}.glass-panel{padding:24px 16px!important}.glass-card{padding:20px!important}h1{font-size:32px!important}h2{font-size:24px!important}h3{font-size:20px!important}}@media (max-width: 480px){.btn-primary,.btn-accent,.btn-secondary,.btn-outline{width:100%!important;justify-content:center!important}}