*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f9f9ff;--bg-secondary:#f1f3ff;--bg-tertiary:#e8edff;--bg-hover:#e1e8ff;--bg-active:#d3deff;--bg-elevated:#fff;--text-primary:#19315d;--text-secondary:#3d5a8a;--text-bright:#070e1d;--text-muted:#9bb2e5;--border:rgba(155,178,229,.35);--border-subtle:rgba(155,178,229,.18);--border-hover:rgba(155,178,229,.55);--accent:#0053db;--accent-hover:#0047bc;--accent-muted:#c7d7f8;--accent-surface:#e8f0fe;--accent-glow:rgba(0,83,219,.12);--danger:#b91c1c;--success:#15803d;--warning:#a16207;--info:#0053db;--gradient-brand:linear-gradient(90deg,#0053db,#4f8ef7);--gradient-subtle:linear-gradient(135deg,rgba(0,83,219,.06),rgba(79,142,247,.03));--gradient-hero:linear-gradient(135deg,#f9f9ff,#eef2ff 60%,#e8f0fe);--scrollbar:rgba(155,178,229,.3);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-sans:"Inter","DM Sans","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code","Fira Code",monospace;--terminal-bg:#0d1117;--terminal-border:hsla(0,0%,100%,.06);--marketing-bg-base:#070e1d;--marketing-bg-surface:#0d1829;--marketing-bg-elevated:#121f35;--marketing-bg-hover:#1a2d4a;--marketing-border:rgba(100,140,200,.15);--marketing-text-bright:#e8f0ff;--marketing-text-primary:#b8cef0;--marketing-text-muted:#5a7ab0;--marketing-accent:#0053db;--marketing-accent-light:#3b82f6;--marketing-teal:#0ea5e9}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#1c2433;--bg-hover:#21293a;--bg-active:#2a3449;--bg-elevated:#13191f;--text-primary:#c9d1d9;--text-secondary:#8b949e;--text-bright:#f0f6fc;--text-muted:#484f58;--border:rgba(48,54,61,.8);--border-subtle:rgba(48,54,61,.5);--border-hover:rgba(99,110,123,.6);--accent:#4493f8;--accent-hover:#5aa3ff;--accent-muted:#1a3a6b;--accent-surface:#1a2d4d;--accent-glow:rgba(68,147,248,.15);--danger:#f85149;--success:#3fb950;--warning:#d29922;--info:#4493f8;--scrollbar:rgba(99,110,123,.3)}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:13px;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;letter-spacing:-.006em}h1,h2,h3,h4,h5,h6{color:var(--text-bright);font-weight:600;line-height:1.2}h1{font-size:36px;letter-spacing:-.03em}h2{font-size:28px;letter-spacing:-.025em}h3{font-size:22px;letter-spacing:-.02em}h4{font-size:17px;letter-spacing:-.015em}h5{font-size:15px;letter-spacing:-.01em}h6{font-size:13px}.label-sm{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}p{line-height:1.65}a{color:inherit}.mono,code,pre{font-family:var(--font-mono)}button{cursor:pointer;font-family:inherit;font-size:inherit;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(0,83,219,.15)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(155,178,229,.5)}::selection{background:rgba(0,83,219,.15);color:var(--text-bright)}@keyframes aiDotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dot-grid{background-color:var(--bg-primary);background-image:radial-gradient(circle,rgba(155,178,229,.45) 1px,transparent 0);background-size:28px 28px}.glass{background:rgba(249,249,255,.82);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(155,178,229,.2)}.surface{border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(25,49,93,.06),0 0 0 1px var(--border)}.card,.surface{background:var(--bg-elevated)}.card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .15s ease-out,box-shadow .15s ease-out}.card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px rgba(25,49,93,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;white-space:nowrap;position:relative;border:none}.btn-lg{padding:12px 28px;font-size:14px;border-radius:var(--radius-md)}.btn-md{padding:8px 18px;font-size:13px}.btn-sm{padding:5px 12px;font-size:12px}.btn-primary{background:var(--accent);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-active)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-hover)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-primary{background:var(--accent-surface);color:var(--accent)}.badge-neutral{background:var(--bg-hover)}.badge-neutral,.nav-item{color:var(--text-secondary)}.nav-item{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 12px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:background .15s ease-out,color .15s ease-out;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-hover);color:var(--text-bright);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:16px;background:var(--accent);border-radius:0 2px 2px 0}.auth-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:0 4px 24px rgba(25,49,93,.08),0 1px 3px rgba(25,49,93,.04)}.auth-card,.auth-input{background:var(--bg-elevated)}.auth-input{width:100%;padding:10px 13px;color:var(--text-bright);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.auth-input:hover:not(:focus){border-color:var(--border-hover)}.auth-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(0,83,219,.12)}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:10px 16px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out}.oauth-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.divider{display:flex;align-items:center;gap:12px}.divider-line{flex:1 1;height:1px;background:var(--border)}.divider-text{font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.hero-section{position:relative;min-height:88vh;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:680px;animation:fadeInUp .7s ease-out}.hero-blur-title{font-size:clamp(40px,6vw,70px);font-weight:800;color:var(--text-bright);line-height:1.05;margin:0;letter-spacing:-.04em}.hero-subtitle{font-size:16px;line-height:1.65;color:var(--text-secondary);max-width:520px;margin:0 auto 36px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section-container{max-width:1080px;margin:0 auto;padding:96px 24px}.section-header{text-align:center;margin-bottom:56px}.section-title{font-size:36px;font-weight:800;letter-spacing:-.03em;margin:0;color:var(--text-bright)}.section-subtitle{font-size:15px;color:var(--text-secondary);margin-top:10px;max-width:480px;margin-left:auto;margin-right:auto}.stats-section{background:var(--bg-secondary);padding:40px 24px}.stats-grid{max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;text-align:center}.stat-value{font-size:32px;font-weight:700;color:var(--accent);letter-spacing:-.02em}.stat-label{font-size:11px;color:var(--text-secondary);margin-top:5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.feature-card{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:border-color .15s ease-out,box-shadow .15s ease-out}.feature-card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px rgba(25,49,93,.06)}.feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--accent-surface);color:var(--accent)}.feature-title{font-size:14px;font-weight:600;color:var(--text-bright);margin-bottom:6px}.feature-desc{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.step-card{position:relative;text-align:center;padding:36px 20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.step-num{font-size:40px;font-weight:800;color:var(--accent-muted);line-height:1;margin-bottom:16px}.step-title{font-size:15px;font-weight:600;color:var(--text-bright);margin-bottom:8px}.step-desc{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}.pricing-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;position:relative;display:flex;flex-direction:column;transition:border-color .15s ease-out,box-shadow .15s ease-out}.pricing-card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px rgba(25,49,93,.08)}.pricing-card-highlight{border-color:rgba(0,83,219,.3);background:linear-gradient(145deg,rgba(0,83,219,.03) 0,var(--bg-elevated) 100%)}.pricing-card-highlight:hover{border-color:rgba(0,83,219,.5);box-shadow:0 8px 32px rgba(0,83,219,.08)}.ide-mockup{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:var(--bg-elevated);box-shadow:0 24px 64px rgba(25,49,93,.12),0 4px 16px rgba(25,49,93,.06)}.ide-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.ide-dots{display:flex;gap:6px}.ide-dot{width:11px;height:11px;border-radius:50%}.ide-titlebar-text{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.ide-body{display:flex;min-height:200px}.ide-sidebar{width:150px;padding:10px 0;background:var(--bg-secondary)}.ide-file{padding:5px 14px;font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);cursor:default}.ide-file.active{color:var(--text-bright);background:var(--bg-hover);border-left:2px solid var(--accent)}.ide-editor{flex:1 1;padding:12px 0;font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--text-primary);background:var(--bg-elevated)}.ide-line{padding:0 14px;white-space:nowrap}.ide-ln{display:inline-block;width:26px;color:var(--text-muted);text-align:right;margin-right:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-keyword{color:#7c3aed}.c-fn{color:#0369a1}.c-str{color:#15803d}.c-num{color:#b45309}.c-key{color:#0053db}.ide-terminal{padding:10px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:#8fa3c8;background:var(--terminal-bg);border-top:1px solid var(--border)}.ide-prompt{color:#22c55e;margin-right:7px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.data-table td{padding:11px 16px;font-size:13px;vertical-align:middle}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:hover{background:var(--bg-hover)}@media (max-width:1024px){.hero-blur-title{font-size:40px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:12px}.ide-sidebar{display:none}}@media (max-width:768px){.hero-blur-title{font-size:30px}.hero-section{min-height:70vh}.section-container{padding:60px 20px}.section-title{font-size:26px}.features-grid{grid-template-columns:1fr;gap:12px}.steps-grid{grid-template-columns:1fr;gap:0}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-blur-title{font-size:24px}.hero-actions{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-value{font-size:26px}}.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}