*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#09090b;--bg-secondary:#111113;--bg-tertiary:#18181b;--bg-hover:#1f1f23;--bg-active:#27272a;--bg-elevated:#141416;--text-primary:#a1a1aa;--text-secondary:#52525b;--text-bright:#fafafa;--text-muted:#3f3f46;--border:#1e1e22;--border-subtle:#161618;--border-hover:#2a2a2e;--accent:#06b6d4;--accent-hover:#22d3ee;--accent-muted:#0e7490;--accent-glow:rgba(6,182,212,.15);--accent-surface:rgba(6,182,212,.06);--danger:#ef4444;--success:#22c55e;--warning:#eab308;--info:#3b82f6;--gradient-brand:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-subtle:linear-gradient(135deg,rgba(6,182,212,.12),rgba(8,145,178,.06));--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(6,182,212,.06),transparent 40%);--scrollbar:#1e1e24;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code","Fira Code",monospace}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;width:100%;font-family:var(--font-sans);font-size:14px;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-bright);font-weight:600;line-height:1.2}h1{font-size:42px;letter-spacing:-.03em}h2{font-size:32px;letter-spacing:-.028em}h3{font-size:24px;letter-spacing:-.02em}h4{font-size:18px;letter-spacing:-.015em}h5{font-size:16px}h5,h6{letter-spacing:-.01em}h6{font-size:14px}p{line-height:1.7}body{letter-spacing:-.011em}a{color:inherit}.mono,code,pre{font-family:var(--font-mono)}button{cursor:pointer;font-family:inherit;font-size:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}input,select,textarea{font-family:inherit;font-size:inherit;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow),0 0 0 1px var(--accent)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a2a35}::selection{background:rgba(6,182,212,.3);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.glass{background:rgba(17,17,19,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.05)}.glass-strong{background:rgba(20,20,22,.85);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid hsla(0,0%,100%,.08)}.surface{background:var(--bg-secondary)}.surface,.surface-elevated{border:1px solid var(--border);border-radius:var(--radius-lg)}.surface-elevated{background:var(--bg-elevated);box-shadow:0 4px 24px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}.card{position:relative;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-lg);padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.25)}.card-glow:hover{border-color:rgba(6,182,212,.2);box-shadow:0 12px 40px rgba(0,0,0,.25),0 0 0 1px rgba(6,182,212,.1),inset 0 1px 0 rgba(6,182,212,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-decoration:none;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.btn-lg{padding:14px 32px;font-size:15px}.btn-md{padding:10px 22px;font-size:14px}.btn-sm{padding:7px 16px;font-size:13px}.btn-primary{background:var(--gradient-brand);color:#fff;border:none;box-shadow:0 1px 2px rgba(0,0,0,.3),0 0 20px rgba(6,182,212,.15)}.btn-primary:hover:not(:disabled){box-shadow:0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(6,182,212,.25);filter:brightness(1.1)}.btn-secondary{background:hsla(0,0%,100%,.03);color:var(--text-primary);border:1px solid hsla(0,0%,100%,.08)}.btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);color:var(--text-bright)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:hsla(0,0%,100%,.04);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.02em}.badge-accent{background:var(--accent-surface);color:var(--accent);border:1px solid rgba(6,182,212,.15)}.badge-neutral{background:hsla(0,0%,100%,.04);color:var(--text-secondary);border:1px solid hsla(0,0%,100%,.06)}.hero-section{position:relative;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0 24px}.hero-bg{position:absolute;inset:0;z-index:0;opacity:.5}.hero-content{position:relative;z-index:1;text-align:center;max-width:720px;animation:fadeInUp .8s ease-out}.hero-badge{display:inline-block;padding:8px 22px;border-radius:100px;border:1px solid rgba(6,182,212,.15);background:rgba(6,182,212,.04);font-size:14px;font-weight:500;margin-bottom:36px}.hero-blur-title{font-size:56px;font-weight:800;color:var(--text-bright);line-height:1.08;margin-bottom:24px;letter-spacing:-.035em;justify-content:center}.hero-subtitle{font-size:17px;line-height:1.7;color:var(--text-secondary);max-width:560px;margin:0 auto 40px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-preview{position:relative;z-index:1;width:100%;max-width:800px;margin:64px auto 0;animation:fadeInUp 1s ease-out .3s both}.ide-mockup{border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.06);overflow:hidden;background:rgba(17,17,19,.9);box-shadow:0 32px 80px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.03),0 0 120px rgba(6,182,212,.04)}.ide-titlebar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.04)}.ide-dots{display:flex;gap:7px}.ide-dot{width:11px;height:11px;border-radius:50%}.ide-titlebar-text{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.ide-body{display:flex;min-height:200px}.ide-sidebar{width:160px;padding:12px 0;border-right:1px solid hsla(0,0%,100%,.04);background:hsla(0,0%,100%,.01)}.ide-file{padding:6px 16px;font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);cursor:default}.ide-file.active{color:var(--text-bright);background:rgba(6,182,212,.08);border-left:2px solid var(--accent)}.ide-editor{flex:1 1;padding:14px 0;font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--text-primary)}.ide-line{padding:0 16px;white-space:nowrap}.ide-ln{display:inline-block;width:28px;color:var(--text-muted);text-align:right;margin-right:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-keyword{color:#c084fc}.c-fn{color:#67e8f9}.c-str{color:#86efac}.c-num{color:#fbbf24}.c-key{color:#93c5fd}.ide-terminal{padding:12px 16px;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-secondary);background:rgba(0,0,0,.3);border-top:1px solid hsla(0,0%,100%,.04)}.ide-prompt{color:var(--accent);margin-right:8px}.section-container{max-width:1100px;margin:0 auto;padding:100px 24px}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:40px;font-weight:800;letter-spacing:-.03em;margin:0}.section-subtitle{font-size:17px;color:var(--text-secondary);margin-top:12px;max-width:500px;margin-left:auto;margin-right:auto}.stats-section{border-top:1px solid hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.04);background:rgba(6,182,212,.015);padding:44px 24px}.stats-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;text-align:center}.stat-item{padding:8px 0}.stat-value{font-size:36px;font-weight:700;color:var(--accent);letter-spacing:-.02em}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-title{font-size:16px;font-weight:600;color:var(--text-bright);margin-bottom:8px}.feature-desc{font-size:14px;line-height:1.65;color:var(--text-secondary);margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;position:relative}.step-card{position:relative;text-align:center;padding:40px 24px}.step-num{font-size:48px;font-weight:800;background:linear-gradient(180deg,rgba(6,182,212,.3),rgba(6,182,212,.05));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:20px}.step-icon{width:44px;height:44px;margin:0 auto 20px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-surface);color:var(--accent);border:1px solid rgba(6,182,212,.12)}.step-title{font-size:18px;font-weight:600;color:var(--text-bright);margin-bottom:10px}.step-desc{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0}.step-connector{display:none}.cta-section{position:relative;padding:120px 24px;overflow:hidden}.cta-content{position:relative;z-index:1;text-align:center}.feature-card{position:relative;background:hsla(0,0%,100%,.015);border:1px solid hsla(0,0%,100%,.04);border-radius:var(--radius-lg);padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 40%,rgba(6,182,212,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.feature-card:hover{background:hsla(0,0%,100%,.025);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.feature-card:hover:before{opacity:1}.pricing-card{background:hsla(0,0%,100%,.015);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-xl);padding:40px;position:relative;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.pricing-card-highlight{border-color:rgba(6,182,212,.25);background:linear-gradient(145deg,rgba(6,182,212,.04),rgba(6,182,212,.01));box-shadow:0 0 80px rgba(6,182,212,.06)}.pricing-card-highlight:hover{border-color:rgba(6,182,212,.35);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 80px rgba(6,182,212,.1)}.auth-card{background:rgba(17,17,19,.85);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-xl);padding:44px 40px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.auth-input{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.03);color:var(--text-bright);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-md);font-size:14px;transition:all .2s ease}.auth-input:hover{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04)}.auth-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow);background:hsla(0,0%,100%,.04)}.oauth-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:hsla(0,0%,100%,.03);color:var(--text-primary);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.oauth-btn:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1);color:var(--text-bright);transform:translateY(-1px)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:14px 20px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.015)}.data-table td{padding:14px 20px;font-size:14px;vertical-align:middle;border-bottom:1px solid hsla(0,0%,100%,.03)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:hsla(0,0%,100%,.02)}.noise:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.divider{display:flex;align-items:center;gap:16px}.divider-line{flex:1 1;height:1px;background:hsla(0,0%,100%,.05)}.divider-text{font-size:12px;color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-weight:500}@media (max-width:1024px){.hero-blur-title{font-size:42px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:16px}.ide-sidebar{display:none}}@media (max-width:768px){.hero-blur-title{font-size:32px}.hero-section{min-height:70vh}.section-container{padding:64px 20px}.section-title{font-size:30px}.features-grid{grid-template-columns:1fr;gap:16px}.steps-grid{grid-template-columns:1fr;gap:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-preview{margin-top:48px}}@media (max-width:480px){.hero-blur-title{font-size:26px}.hero-actions{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-value{font-size:28px}}.xterm{cursor:text;position:relative;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm .xterm-cursor-pointer,.xterm.xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}