@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--background:#030712;--foreground:#f9fafb;--card-bg:rgba(17,24,39,.45);--card-border:hsla(0,0%,100%,.08);--primary:#6366f1;--primary-glow:rgba(99,102,241,.3);--secondary:#14b8a6;--secondary-glow:rgba(20,184,166,.3);--accent:#ec4899;--accent-glow:rgba(236,72,153,.3);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-sans:"Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;padding:0;margin:0;border:0;font-feature-settings:"cv02","cv03","cv04","cv11"}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{background:radial-gradient(circle at 15% 20%,rgba(99,102,241,.15) 0,transparent 40%),radial-gradient(circle at 85% 80%,rgba(20,184,166,.15) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.08) 0,transparent 50%);z-index:-2}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}body:after{background:linear-gradient(rgba(3,7,18,.5) 1px,transparent 0),linear-gradient(90deg,rgba(3,7,18,.5) 1px,transparent 0);background-size:40px 40px;opacity:.15;z-index:-1}.glass-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:18px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.glass-card:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 12px 40px 0 rgba(0,0,0,.5);transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg,#a5b4fc,#6366f1 50%,#312e81);-webkit-background-clip:text;background-clip:text}.text-gradient,.text-gradient-neon{-webkit-text-fill-color:transparent}.text-gradient-neon{background:linear-gradient(90deg,#6366f1,#14b8a6,#ec4899);-webkit-background-clip:text;background-clip:text}.btn-neon{position:relative;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;padding:12px 24px;font-size:.95rem;font-weight:600;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 0 15px rgba(99,102,241,.4);display:inline-flex;align-items:center;gap:8px}.btn-neon:hover{box-shadow:0 0 25px rgba(20,184,166,.6);transform:scale(1.02)}.btn-neon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 60%);transform:scale(0);transition:transform .5s ease-out;pointer-events:none}.btn-neon:active:after{transform:scale(1);transition:transform 0s}.btn-glass{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:#d1d5db;padding:12px 24px;font-size:.95rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-glass:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff}.input-glass{background:rgba(17,24,39,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:12px 16px;color:#fff;font-family:var(--font-sans);font-size:.95rem;width:100%;transition:all .3s ease;outline:none}.input-glass:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.15);background:rgba(17,24,39,.8)}.input-glass::placeholder{color:#6b7280}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge-primary{background:rgba(99,102,241,.15);color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.badge-secondary{background:rgba(20,184,166,.15);color:#99f6e4;border:1px solid rgba(20,184,166,.3)}.badge-accent{background:rgba(236,72,153,.15);color:#fbcfe8;border:1px solid rgba(236,72,153,.3)}.flow-card-wrapper{position:relative;border-radius:18px;padding:1px;overflow:hidden;background:hsla(0,0%,100%,.05)}.flow-card-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 20%,var(--primary) 40%,var(--secondary) 60%,transparent 80%);animation:rotate 6s linear infinite;z-index:0;opacity:.4;pointer-events:none}.flow-card-inner{position:relative;background:rgba(10,15,30,.95);border-radius:17px;z-index:1;padding:24px}@keyframes rotate{to{transform:rotate(1turn)}}code,pre{font-family:var(--font-mono);font-size:.85rem}.code-block{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px;overflow-x:auto;position:relative}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px rgba(99,102,241,.4)}50%{box-shadow:0 0 25px rgba(99,102,241,.7)}}.pulse-primary{animation:pulseGlow 3s infinite}.grid-cols-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:24px;gap:24px}.col-span-4{grid-column:span 4/span 4}.col-span-8{grid-column:span 8/span 8}.col-span-12{grid-column:span 12/span 12}@media (max-width:1024px){.col-span-4,.col-span-8{grid-column:span 12/span 12}}@media (max-width:768px){body{padding:16px 10px!important}main{gap:16px!important}.mobile-header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;margin-bottom:24px!important}.mobile-scroll{padding:12px 14px!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}.mobile-scroll button{flex-shrink:0!important}.mobile-grid{flex-direction:column!important;gap:14px!important}.flow-card-inner{padding:16px!important}input,select,textarea{font-size:16px!important}footer .glass-card{padding:18px!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(3,7,18,.5)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.18)}