:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--bg-card-hover: #1c1c28;--bg-input: #1a1a26;--border: #2a2a3a;--border-focus: #6366f1;--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #555568;--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .3);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gradient-primary: linear-gradient(135deg, #8b5cf6, #6366f1);--gradient-warm: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-cool: linear-gradient(135deg, #06b6d4, #8b5cf6);--gradient-success: linear-gradient(135deg, #22c55e, #06b6d4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;transition:all .2s}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{background:var(--error);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-success{background:#22c55e26;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-error{background:#ef444426;color:var(--error)}.badge-info{background:#3b82f626;color:var(--info)}.badge-neutral{background:#8888a026;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 24px var(--accent-glow)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .3s ease-out}.glow-pulse{animation:pulse-glow 2s ease-in-out infinite}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes pipeline-pulse{0%,to{box-shadow:0 0 8px var(--accent-glow),0 0 20px #8b5cf626;border-color:var(--accent)}50%{box-shadow:0 0 16px var(--accent-glow),0 0 40px #8b5cf640;border-color:#a78bfa}}@keyframes pipeline-check-pop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.3) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pipeline-fail-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes pipeline-progress-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes pipeline-sparkle{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}@keyframes pipeline-ring-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.8);opacity:0}}@keyframes pipeline-dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pipeline-connector-fill{0%{width:0%}to{width:100%}}@keyframes pipeline-elapsed-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pipeline-step-active{animation:pipeline-pulse 2s ease-in-out infinite}.pipeline-check-enter{animation:pipeline-check-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}.pipeline-fail-enter{animation:pipeline-fail-shake .6s ease-in-out}.pipeline-sparkle{animation:pipeline-sparkle .7s ease-out forwards}.pipeline-ring-pulse{animation:pipeline-ring-pulse 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-card) 0%,#1e1e2e 25%,rgba(139,92,246,.08) 50%,#1e1e2e 75%,var(--bg-card) 100%);background-size:800px 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite}.sparkle-bg{position:relative;overflow:hidden}.sparkle-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(6,182,212,.04) 0%,transparent 50%);pointer-events:none}@keyframes activity-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.activity-dot-pulse{animation:activity-dot-pulse 1.5s ease-in-out infinite}@keyframes waiting-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes waiting-cube-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waiting-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waiting-orbit-counter{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(-360deg)}}@keyframes waiting-particle-drift{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:.6;transform:scale(1)}to{transform:translate(calc((var(--dx, 1)) * 60px),calc((var(--dy, 1)) * 60px)) scale(0);opacity:0}}@keyframes waiting-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-8px);opacity:1}}@keyframes waiting-text-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes waiting-ambient-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.waiting-cube-float{animation:waiting-float 3s ease-in-out infinite}.waiting-cube-rotate{animation:waiting-cube-rotate 12s linear infinite}.waiting-orbit{animation:waiting-orbit 8s linear infinite}.waiting-orbit-counter>*{animation:waiting-orbit-counter 8s linear infinite}.waiting-orbit:nth-child(3){animation-delay:0s}.waiting-orbit:nth-child(4){animation-delay:-2s}.waiting-orbit:nth-child(5){animation-delay:-4s}.waiting-orbit:nth-child(6){animation-delay:-6s}.waiting-particle{animation:waiting-particle-drift 3s ease-out infinite}.waiting-particle:nth-child(odd){--dx: 1;--dy: -1}.waiting-particle:nth-child(2n){--dx: -1;--dy: 1}.waiting-particle:nth-child(3n){--dx: 1;--dy: 1}.waiting-particle:nth-child(4n){--dx: -.5;--dy: -1.2}.waiting-particle:nth-child(5n){--dx: 1.2;--dy: .3}.waiting-particle:nth-child(6n){--dx: -.8;--dy: .8}.waiting-particle:nth-child(7n){--dx: .3;--dy: -1.5}.waiting-particle:nth-child(8n){--dx: -1.3;--dy: -.4}.waiting-dot-bounce{animation:waiting-dot-bounce 1.4s ease-in-out infinite}.waiting-text-fade{animation:waiting-text-fade .6s ease-out both;animation-delay:.3s}.waiting-ambient-glow{animation:waiting-ambient-pulse 4s ease-in-out infinite}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.95)}60%{opacity:1;transform:translate(-8px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}@keyframes toast-progress-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.toast-enter{animation:toast-slide-in .4s cubic-bezier(.34,1.56,.64,1) forwards}.toast-exit{animation:toast-slide-out .3s cubic-bezier(.55,0,1,.45) forwards}@keyframes terminal-line-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes terminal-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes landing-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes landing-cta-glow-pulse{0%,to{box-shadow:0 2px 12px var(--accent-glow)}50%{box-shadow:0 4px 30px var(--accent-glow),0 0 60px #8b5cf626}}.terminal-line-enter{animation:terminal-line-enter .3s ease-out both}.terminal-cursor{animation:terminal-cursor-blink 1s step-end infinite}.landing-gradient-text{background:linear-gradient(135deg,#8b5cf6,#6366f1,#06b6d4 60%,#8b5cf6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:landing-gradient-shift 4s ease-in-out infinite}.landing-cta-glow{animation:landing-cta-glow-pulse 3s ease-in-out infinite}.landing-pricing-highlight{background:var(--bg-card);border-radius:16px;transition:border-color .2s,box-shadow .2s}.landing-step-card{transition:transform .2s,border-color .2s}.landing-step-card:hover{transform:translateY(-4px)}@media(max-width:768px){.landing-step-arrow{display:none!important}}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter .25s ease-out}@media(max-width:768px){.nav-links-desktop,.nav-user-desktop{display:none!important}.nav-hamburger{display:flex!important}.btn{padding:12px 16px;font-size:14px}.card{padding:16px}.container{padding:0 16px}}@media(min-width:769px){.nav-hamburger,.nav-mobile-menu{display:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=light] ::-webkit-scrollbar-track{background:#f5f5f7}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c8c8d0}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a0a0b0}[data-theme=light] .skeleton-shimmer{background:linear-gradient(90deg,#fff,#e8e8ee,#7c3aed0f,#e8e8ee,#fff);background-size:800px 100%}[data-theme=light] .card:hover{border-color:var(--accent);box-shadow:0 0 20px #7c3aed1f}[data-theme=light] .sparkle-bg:before{background:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(6,182,212,.02) 0%,transparent 50%)}[data-theme=light] .badge-success{background:#22c55e1f}[data-theme=light] .badge-warning{background:#f59e0b1f}[data-theme=light] .badge-error{background:#ef44441f}[data-theme=light] .badge-info{background:#3b82f61f}[data-theme=light] .badge-neutral{background:#5555681a}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238888a0' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}