:root{--bg-primary:#07101f;--bg-card:#0c1a2e;--bg-card-hover:#12253f;--border-color:hsla(0,0%,100%,.08);--border-color-glow:rgba(124,58,237,.3);--primary:#7c3aed;--primary-hover:#6d28d9;--primary-glow:rgba(124,58,237,.5);--secondary:#0bc5c5;--secondary-hover:#0aabab;--secondary-glow:rgba(11,197,197,.4);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--text-main:#e0eaf4;--text-muted:#64748b;--text-bright:#fff;--font-title:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-code:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--transition-fast:0.15s ease;--transition-normal:0.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-bright)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:rgba(12,26,46,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel:hover{border-color:var(--border-color-glow);box-shadow:0 8px 32px 0 rgba(124,58,237,.1)}@keyframes pulse-glow{0%,to{opacity:.6;box-shadow:0 0 10px var(--primary-glow)}50%{opacity:1;box-shadow:0 0 25px var(--primary-glow)}}.pulse-generating{animation:pulse-glow 2s ease-in-out infinite;border-color:var(--primary)}@keyframes spinner{to{transform:rotate(1turn)}}.spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.1);border-top:2px solid var(--primary);border-radius:50%;animation:spinner .8s linear infinite}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--text-bright);border:none;padding:10px 20px;font-family:var(--font-title);font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:hsla(0,0%,100%,.05);color:var(--text-main);border:1px solid var(--border-color);padding:10px 20px;font-family:var(--font-title);font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:var(--secondary);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--secondary),var(--secondary-hover));color:#07101f;border:none;padding:10px 20px;font-family:var(--font-title);font-weight:700;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 15px var(--secondary-glow)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--secondary-glow)}.form-input{background:rgba(7,16,31,.5);border:1px solid var(--border-color);color:var(--text-main);padding:12px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 8px var(--secondary-glow)}.form-label{display:block;font-family:var(--font-title);font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,#182e4b 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.glow-text-primary{text-shadow:0 0 10px var(--primary-glow)}.glow-text-secondary{text-shadow:0 0 10px var(--secondary-glow)}