html,body,#root{height:100%;width:100%;margin:0;padding:0;background:#050709}body{background-color:#050709}.auth-container{display:flex;height:100vh;background:radial-gradient(circle at top left,#002f26,#001a14);color:#fff;font-family:Inter,sans-serif;overflow:hidden}.auth-left{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(0,255,170,.25),transparent);top:-100px;left:-100px;animation:floatGlow 8s infinite ease-in-out}.auth-left:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,200,150,.2),transparent);bottom:-120px;right:-100px;animation:floatGlow 10s infinite ease-in-out reverse}@keyframes floatGlow{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,40px) scale(1.1)}to{transform:translate(0) scale(1)}}.logo{display:flex;align-items:center;gap:12px;margin-bottom:40px;animation:fadeInUp 1s ease}.logo img{width:42px;filter:drop-shadow(0 0 10px #00ffa6);animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 8px #00ffa6)}50%{filter:drop-shadow(0 0 20px #00ffa6)}}.logo span{font-size:24px;font-weight:600}.auth-left h1{font-size:48px;margin-bottom:10px;animation:fadeInUp 1.2s ease}.auth-left p{color:#9fbdb7;margin-bottom:40px;animation:fadeInUp 1.4s ease}.terminal-box{background:#00000059;border-radius:14px;padding:20px;width:80%;border:1px solid rgba(0,255,170,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp 1.6s ease;position:relative;overflow:hidden}.terminal-box:before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffa6,transparent);top:0;left:0;animation:scan 3s linear infinite}@keyframes scan{0%{top:0}to{top:100%}}.dots span{height:10px;width:10px;border-radius:50%;display:inline-block;margin-right:6px}pre{color:#7fffd4;font-size:14px;margin-top:10px;white-space:pre-wrap;overflow:hidden;border-right:2px solid #00ffa6;width:0;animation:typing 4s steps(60,end) forwards,blink 1s infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.auth-right{flex:1;display:flex;justify-content:center;align-items:center;animation:fadeIn 1.2s ease}.auth-card{width:400px;background:#00281ee6;padding:30px;border-radius:16px;box-shadow:0 0 40px #00ffaa1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card h2{margin-bottom:5px}.sub-text{color:#9fbdb7;margin-bottom:20px}.google-btn{width:100%;padding:12px;border-radius:10px;border:none;background:#1f3f36;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-bottom:20px;transition:.3s}.google-btn:hover{background:#2a5c4f}.google-btn img{width:18px}.divider{text-align:center;margin:15px 0;color:#6fa89c}form{display:flex;flex-direction:column}label{font-size:14px;margin:10px 0 5px}input{padding:12px;border-radius:10px;border:1px solid #1f5c4c;background:transparent;color:#fff;transition:.3s}input:focus{border-color:#00ffa6;box-shadow:0 0 8px #0fa6;outline:none}input::-moz-placeholder{color:#6fa89c}input::placeholder{color:#6fa89c}.forgot{text-align:right;margin:10px 0}.forgot span{color:#00ffa6;cursor:pointer}.primary-btn{background:linear-gradient(90deg,#00ffa6,#0c8);border:none;padding:14px;border-radius:10px;margin-top:10px;cursor:pointer;font-weight:700;transition:.3s}.primary-btn:hover{transform:scale(1.03);box-shadow:0 0 20px #00ffaa80}.switch{text-align:center;margin-top:20px}.switch span{color:#00ffa6;cursor:pointer}.auth-error{background:#ff4d4f;padding:10px;border-radius:8px;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.auth-container{flex-direction:column;height:auto}.auth-left,.auth-right{width:100%;padding:40px 30px}.auth-left{align-items:center;text-align:center}.terminal-box{width:100%;max-width:500px}.auth-card{width:100%;max-width:420px}}@media (max-width: 768px){.auth-container{flex-direction:column;overflow-y:auto}.auth-left{display:none}.auth-right{padding:20px;min-height:100vh}.auth-card{width:100%;padding:25px 20px;border-radius:12px}.auth-card h2{font-size:22px;text-align:center}.sub-text{font-size:14px;text-align:center}input{padding:10px;font-size:14px}label{font-size:13px}.primary-btn{padding:12px;font-size:14px}.google-btn{padding:10px;font-size:14px}.forgot,.switch{font-size:13px}}@media (max-width: 480px){.auth-right{padding:15px}.auth-card{padding:20px 15px}.auth-card h2{font-size:20px}.sub-text{font-size:13px}input{font-size:13px;padding:9px}.primary-btn,.google-btn{font-size:13px}}.dashboard{min-height:100vh;background:radial-gradient(circle at top,#002f26,#001a14);color:#fff;padding:20px 40px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:100px;filter:drop-shadow(0 0 10px #00ffa6)}.actions{display:flex;align-items:center;gap:15px}.search-input{padding:10px 14px;border-radius:10px;border:1px solid #1f5c4c;background:transparent;color:#fff}.create-btn{background:linear-gradient(90deg,#00ffa6,#0c8);border:none;padding:10px 18px;border-radius:25px;cursor:pointer;font-weight:700;transition:.3s}.create-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #0fa9}.create-popup{position:absolute;top:115px;right:40px;background:#01241d;padding:15px;border-radius:10px;display:flex;gap:10px;animation:fadeIn .3s ease}.create-popup input{padding:8px;border-radius:8px;border:none}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.workspace-card{background:#00281ed9;border:1px solid rgba(0,255,170,.2);border-radius:16px;padding:25px;position:relative;transition:.3s;cursor:pointer}.workspace-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #00ffaa4d}.card-main{display:flex;align-items:center;gap:15px}.folder-icon{font-size:24px;background:#ffc8001a;padding:12px;border-radius:12px}.name{font-size:18px}.pin{margin-left:auto}.rename-input{background:transparent;border:1px solid #00ffa6;color:#fff;padding:5px;border-radius:6px}.menu-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#fff;cursor:pointer}.dropdown{position:absolute;top:50px;right:10px;background:#011e18;border-radius:12px;padding:10px;width:180px;animation:fadeIn .2s ease;box-shadow:0 0 20px #0009}.dropdown div{padding:10px;border-radius:8px;cursor:pointer}.dropdown div:hover{background:#00ffaa1a}.dropdown .danger{color:red}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.dashboard{padding:20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.actions{width:100%;flex-wrap:wrap;gap:10px}.search-input{flex:1;min-width:200px;width:100%}.create-btn{width:auto}.create-popup{position:static;width:100%;margin-top:10px;justify-content:space-between}.workspace-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard{padding:15px}.dashboard-header{gap:15px}.brand img{width:70px}.actions{flex-direction:column;width:100%}.search-input{width:100%;font-size:14px;padding:10px}.create-btn{width:100%;text-align:center;padding:12px}.create-popup{flex-direction:column;gap:10px}.create-popup input{width:100%}.workspace-grid{grid-template-columns:1fr;gap:15px}.workspace-card{padding:18px}.name{font-size:16px}.folder-icon{font-size:20px;padding:10px}.dropdown{right:5px;width:160px}}@media (max-width: 480px){.dashboard{padding:10px}.brand img{width:60px}.search-input{font-size:13px;padding:8px}.create-btn{font-size:13px;padding:10px}.workspace-card{padding:15px}.name,.menu-btn{font-size:14px}.dropdown{width:140px}}.file-explorer{padding:4px 0;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-node{display:flex;flex-direction:column}.tree-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;margin:1px 6px;border-radius:6px;cursor:pointer;transition:all .2s ease}.tree-left{display:flex;align-items:center;gap:6px;flex:1}.icon{display:flex;align-items:center;font-size:14px}.name{font-size:12px;color:#cbd5d1;display:flex;align-items:center;gap:6px}.arrow{font-size:9px;color:#6b7280;width:10px}.tree-row:hover{background:#00ffaa14}.tree-row.file.active{background:linear-gradient(90deg,#0fa3,#00ffaa0d);border:1px solid rgba(0,255,170,.4);color:#00ffa6}.tree-actions{display:flex;gap:4px;opacity:0;transition:.2s}.tree-row:hover .tree-actions{opacity:1}.tree-actions button{background:transparent;border:none;color:#8b949e;cursor:pointer;font-size:11px}.tree-actions button:hover{color:#00ffa6}.rename-input{background:#0f172a;border:1px solid #00ffa6;color:#fff;padding:2px 5px;border-radius:4px;outline:none;font-size:11px}.file-indent{width:12px}.dirty-dot{color:#00ffa6;font-size:10px}.creating{background:#00ffaa0d}.sidebar{width:260px;height:95vh;background:linear-gradient(180deg,#0b0f0f,#050707);color:#cbd5d1;display:flex;flex-direction:column;border-right:1px solid rgba(0,255,170,.2);font-family:Inter,sans-serif}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;font-size:12px;letter-spacing:1px;color:#8b949e}.sidebar-title{font-weight:600}.sidebar-header-actions{display:flex;gap:8px}.sidebar-header-actions button{background:transparent;border:none;color:#8b949e;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:.2s ease}.sidebar-header-actions button:hover{background:#00ffaa1a;color:#00ffa6}.workspace-name{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:14px;color:#e6edf3}.workspace-icon{font-size:16px}.sidebar-tree{flex:1;padding:5px 0;overflow-y:auto}.file-item,.folder-item{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;border-radius:8px;margin:2px 8px;font-size:14px;transition:all .2s ease}.file-item:hover,.folder-item:hover{background:#00ffaa14}.file-item.active{background:linear-gradient(90deg,#0fa3,#00ffaa0d);border:1px solid rgba(0,255,170,.4);color:#00ffa6}.file-icon{color:#00ffa6;font-size:16px}.folder-icon{color:#facc15;font-size:16px}.sidebar-tree::-webkit-scrollbar{width:5px}.sidebar-tree::-webkit-scrollbar-thumb{background:#0fa3;border-radius:10px}.navbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(180deg,#001f1a,#001510);border-bottom:1px solid rgba(0,255,170,.08);position:relative;z-index:100}.navbar-left{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-img{width:36px;filter:drop-shadow(0 0 10px #00ffa6)}.navbar-center{display:flex;align-items:center;gap:10px;background:#00ffaa0d;padding:6px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,170,.1)}.nav-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;cursor:pointer;color:#9fbdb7;font-size:14px;transition:all .25s ease}.nav-tab svg{font-size:16px}.nav-tab:hover{color:#00ffa6;background:#00ffaa14}.nav-tab.active{background:linear-gradient(90deg,#00ffa6,#0c8);color:#001a14;font-weight:500;box-shadow:0 0 12px #0fa6}.ai-tab:hover{background:#00ffaa1f}.navbar-right{position:relative}.more-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(0,255,170,.1);background:#00ffaa0d;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.more-btn:hover{background:#00ffaa1f;box-shadow:0 0 12px #00ffaa4d}.dropdown{position:absolute;top:55px;right:0;width:260px;padding:12px;border-radius:16px;background:#001e18f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,255,170,.15);box-shadow:0 10px 40px #0009;animation:dropdownFade .25s ease}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#c7eae3;cursor:pointer;transition:all .2s ease}.dropdown-item svg{font-size:16px}.dropdown-item:hover{background:#00ffaa1a;color:#00ffa6}.dropdown-separator{height:1px;background:#00ffaa1a;margin:10px 0}.dropdown-item.danger{color:#ff9a3c}.dropdown-item.danger:hover{background:#ff9a3c1a;color:#ff9a3c}@keyframes dropdownFade{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tabs-bar{display:flex;background:#0f1312;border-bottom:1px solid #1a1f1d}.tab{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;color:#9fbdb7;border-right:1px solid #1a1f1d;transition:.2s}.tab:hover{background:#141a18;color:#fff}.tab.active{background:#0b0f0e;color:#fff;border-bottom:2px solid #00ffa6}.file-name{font-size:14px}.dirty-dot{width:6px;height:6px;background:#00ffa6;border-radius:50%}.close{margin-left:8px;opacity:.6}.close:hover{opacity:1;color:red}.run-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#0b0f0e;border-bottom:1px solid #1a1f1d}.lang-badge{background:#1a1f1d;padding:6px 12px;border-radius:20px;font-size:13px;color:#66b2ff;border:1px solid #22302c}.run-btn{background:linear-gradient(90deg,#00ffa6,#0c8);border:none;padding:8px 18px;border-radius:12px;cursor:pointer;font-weight:500;transition:.3s}.run-btn:hover{box-shadow:0 0 12px #00ffaa80}.monaco-editor,.monaco-editor-background{background-color:#0b0f0e!important}.editor-footer{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 20px;background:linear-gradient(90deg,#00ffa6,#0c8);color:#001a14;font-size:13px;font-weight:500}.footer-left,.footer-right{opacity:.9}.editor-wrapper{height:100%;display:flex;flex-direction:column;background:#0b0f0f}.editor-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#0f1a1a;border-bottom:1px solid rgba(0,255,200,.2);color:#00ffc3;font-size:13px}.editor-area{flex:1;position:relative}.editor-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.terminal-wrapper{display:flex;flex-direction:column;height:100%}.terminal-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#002f26,#001a14);padding:8px 15px;height:50px;flex-shrink:0}.terminal-tabs{display:flex;gap:6px}.terminal-tab{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px 10px 0 0;background:#111;color:#aaa;cursor:pointer;transition:.25s;font-size:14px;font-weight:500}.terminal-tab .title{font-size:14px;font-weight:500}.terminal-tab:hover{background:#1a1a1a;color:#fff}.terminal-tab.active{background:#1c1c1c;color:#00ffa6;border-bottom:2px solid #00ffa6}.dot{width:8px;height:8px;background:#ff4d4f;border-radius:50%}.title{font-size:14px;white-space:nowrap}.actions{display:flex;gap:8px;margin-left:10px}.actions svg{font-size:14px;opacity:.7;cursor:pointer;transition:.2s}.actions svg:hover{opacity:1;color:#00ffa6}.actions .close:hover{color:red}.terminal-right{display:flex;align-items:center;gap:10px}.new-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(90deg,#00ffa6,#0c8);border:none;padding:6px 14px;border-radius:10px;cursor:pointer;font-weight:500;transition:.3s}.new-btn:hover{box-shadow:0 0 10px #00ffaa80}.icon-btn{background:#1a1a1a;border:none;padding:8px;border-radius:10px;cursor:pointer;color:#fff;transition:.2s}.icon-btn:hover{background:#222}.icon-btn.danger:hover{color:red}.terminal-panel{flex:1;background:#000;padding:10px;overflow:hidden}.xterm-container{width:100%;height:100%}.xterm{height:100%!important;width:100%!important;padding:10px}/**
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
* @license MIT
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
* Originally forked from (with the author's permission):
*   Fabrice Bellard's javascript vt100 for jslinux:
*   http://bellard.org/jslinux/
*   Copyright (c) 2011 Fabrice Bellard
*   The original design remains. The terminal itself
*   has been extended to include xterm CSI codes, among
*   other features.
*/.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,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.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}.live-preview{height:240px;width:100%;border:none;background:#fff}.ai-sidebar{width:320px;height:95%;background:#0f1720;border-left:1px solid #1f2a36;display:flex;flex-direction:column}.ai-panel{display:flex;flex-direction:column;height:100%;font-family:Inter,sans-serif}.ai-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.ai-messages::-webkit-scrollbar{width:6px}.ai-messages::-webkit-scrollbar-thumb{background:#2a3a4a;border-radius:4px}.msg{max-width:85%;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.msg.user{align-self:flex-end;background:linear-gradient(135deg,#00ff9c,#00c97a);color:#002b1f;font-weight:500}.msg.assistant{align-self:flex-start;background:#1a2530;color:#d6e2ec;border:1px solid #263545}.ai-input{display:flex;padding:10px;border-top:1px solid #1f2a36;background:#0c141b}.ai-input input{flex:1;background:#121c25;border:1px solid #263545;border-radius:6px;padding:8px 10px;color:#fff;font-size:13px;outline:none}.ai-input input::-moz-placeholder{color:#6b859f}.ai-input input::placeholder{color:#6b859f}.ai-input button{margin-left:8px;background:#00ff9c;color:#002b1f;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.ai-input button:hover{background:#00e68a}.ai-loading{padding:8px;text-align:center;font-size:12px;color:#8aa4b8;border-top:1px solid #1f2a36}.voice-btn{margin-left:8px;background:#1f2a36;border:none;color:#00ff9c;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px}.voice-btn.active{background:#ff3b3b;color:#fff}@media (max-width: 900px){.ai-sidebar{width:100%;height:40%;bottom:0;top:auto;border-left:none;border-top:1px solid #1f2a36}}html,body,#root{height:100%}.workspace{display:flex;height:calc(100vh - 48px);background:#1e1e1e}.sidebar-wrapper{display:flex;height:100%;position:relative}.sidebar-resizer{width:6px;cursor:col-resize}.sidebar-resizer:hover{background:#007acc40}.workspace-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.workspace-content{flex:1;display:flex;min-height:0;overflow:hidden}.editor-section{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.editor-area{flex:1;min-height:0;position:relative;overflow:hidden}.editor-area>div{height:100%}.terminal-section{display:flex;flex-direction:column;background:#1e1e1e;border-top:1px solid #333;flex-shrink:0}.terminal-resizer{height:6px;cursor:row-resize}.terminal-resizer:hover{background:#007acc40}.ai-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#0c141b;border-bottom:1px solid #1f2a36;flex-shrink:0}.ai-header span{font-size:13px;font-weight:600;color:#00ff9c;letter-spacing:.5px}.ai-header button{width:26px;height:26px;border:none;border-radius:6px;background:#1f2a36;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.2s}.ai-header button:hover{background:#ff3b3b}*{margin:0;padding:0;box-sizing:border-box}.navbar{width:100%;background:linear-gradient(to bottom,#05251c,#031a14);border-bottom:1px solid rgba(0,255,170,.15)}.navbar-inner{width:100%;padding:14px 60px;display:flex;align-items:center;justify-content:space-between}.left-group{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:6px}.icon{color:#00ffae;font-size:20px;display:flex;align-items:center}.text{color:#d7fff3;font-size:19px;font-weight:600;display:flex;align-items:center}.links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.links li{color:#a8dccc;font-size:15px;cursor:pointer;transition:.25s ease;display:flex;align-items:center}.links li:hover{color:#00ffae}.btn{height:38px;padding:0 18px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #00ffae;background:transparent;color:#00ffae;font-size:14px;font-weight:500;cursor:pointer;transition:.3s ease}.btn:hover{background:#00ffae14;box-shadow:0 0 8px #00ffae66}.right-group{display:flex;align-items:center;gap:30px}.hero{display:flex;justify-content:space-between;align-items:center;padding:80px 60px;min-height:90vh;background:radial-gradient(circle at center,#04221a,#010d0a);color:#fff}.hero-left{max-width:600px}.badges{display:inline-block;padding:8px 16px;border:1px solid #00ffae;border-radius:20px;color:#00ffae;margin-bottom:20px}.hero-left h1{font-size:60px;font-weight:700;line-height:1.2}.hero-left p{margin-top:20px;color:#9bdcc8;font-size:18px}.buttons{margin-top:30px;display:flex;gap:20px}.primary{background:#00ffae;color:#000;padding:14px 28px;border-radius:10px;border:none;cursor:pointer;font-weight:600}.secondary{background:transparent;border:1px solid #00ffae;color:#00ffae;padding:14px 28px;border-radius:10px;cursor:pointer}.hero-right{position:relative;width:500px}.code-box{background:#02140f;border:1px solid #00ffae33;border-radius:12px;overflow:hidden;box-shadow:0 0 20px #00ffae1a}.code-header{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #00ffae22}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.file{margin-left:10px;color:#9bdcc8}.code-content{padding:15px;font-family:monospace}.code-line{opacity:0;animation:fadeIn .5s forwards}.code-line:nth-child(1){animation-delay:.2s}.code-line:nth-child(2){animation-delay:.6s}.code-line:nth-child(3){animation-delay:1s}.code-line:nth-child(4){animation-delay:1.4s}.terminal{margin-top:15px;padding:12px;background:#02140f;border:1px solid #00ffae33;border-radius:10px;font-family:monospace}.running{color:#facc15}.success{color:#00ffae}.assistants{position:absolute;right:-40px;bottom:-20px;background:#02140f;border:1px solid #00ffae33;padding:15px;border-radius:12px;width:250px;animation:float 3s infinite ease-in-out}@keyframes fadeIn{to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features{padding:100px 60px;background:radial-gradient(circle at center,#041f19,#010d0a);color:#fff;text-align:center}.features-header h2{font-size:48px;font-weight:700}.features-header span{color:#00ffae}.features-header p{margin-top:15px;color:#9bdcc8;font-size:18px}.features-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.card{background:#02140f;border:1px solid rgba(0,255,174,.2);border-radius:16px;padding:30px;text-align:left;transform:translateY(40px);opacity:0;transition:all .6s ease}.card.show{transform:translateY(0);opacity:1}.card .icon{width:50px;height:50px;background:#00ffae1a;border:1px solid rgba(0,255,174,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.card h3{font-size:20px;margin-bottom:10px}.card p{color:#9bdcc8;font-size:15px;line-height:1.6}.card:hover{border-color:#00ffae;box-shadow:0 0 20px #00ffae26;transform:translateY(-5px)}.audience{padding:100px 60px;background:radial-gradient(circle at center,#041f19,#010d0a);text-align:center;color:#fff}.audience-header h2{font-size:48px;font-weight:700;color:#00ffae}.audience-header p{margin-top:12px;font-size:18px;color:#9bdcc8}.audience-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.audience-card{background:#02140f;border:1px solid rgba(0,255,174,.2);border-radius:18px;padding:40px 20px;text-align:center;transform:translateY(40px);opacity:0;transition:all .6s ease}.audience-card.show{transform:translateY(0);opacity:1}.icon-circle{width:70px;height:70px;margin:0 auto 20px;border-radius:50%;background:#00ffae14;border:1px solid rgba(0,255,174,.3);display:flex;align-items:center;justify-content:center;font-size:26px}.audience-card h3{font-size:20px;margin-bottom:10px}.audience-card p{color:#9bdcc8;font-size:15px}.audience-card:hover{border-color:#00ffae;box-shadow:0 0 20px #00ffae26;transform:translateY(-6px)}.possibilities{padding:100px 60px;background:radial-gradient(circle at center,#041f19,#010d0a);color:#fff;text-align:center}.poss-header h2{font-size:52px;font-weight:700}.poss-header span{color:#00ffae}.poss-header p{margin-top:15px;font-size:18px;color:#9bdcc8}.poss-grid{margin-top:70px;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.poss-card{background:#02140f;border:1px solid rgba(0,255,174,.2);border-radius:18px;padding:40px;text-align:left;transform:translateY(50px);opacity:0;transition:all .6s ease}.poss-card.show{transform:translateY(0);opacity:1}.icon-box{width:55px;height:55px;margin-bottom:20px;border-radius:12px;background:#00ffae14;border:1px solid rgba(0,255,174,.3);display:flex;align-items:center;justify-content:center;font-size:24px}.poss-card h3{font-size:24px;margin-bottom:12px}.poss-card p{font-size:16px;color:#9bdcc8;line-height:1.6}.poss-card:hover{border-color:#00ffae;box-shadow:0 0 25px #00ffae26;transform:translateY(-6px)}.how-container{padding:120px 60px;text-align:center;color:#fff;font-family:Inter,sans-serif;background:radial-gradient(circle at center,#041f19,#010d0a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title{font-size:52px;font-weight:700;color:#00ffc3}.subtitle{margin-top:10px;font-size:18px;color:#9fb5b5}.steps-wrapper{margin-top:80px;display:flex;justify-content:space-between;align-items:center;position:relative}.steps-wrapper:before{content:"";position:absolute;top:90px;left:5%;width:90%;height:2px;background:linear-gradient(to right,transparent,rgba(0,255,200,.5),transparent);z-index:0}.step{width:30%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.circle{width:70px;height:70px;border-radius:50%;border:2px solid #00ffc3;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#00ffc3;margin-bottom:25px;box-shadow:0 0 20px #00ffc866}.icon-box{width:90px;height:90px;border-radius:20px;border:1px solid rgba(0,255,200,.3);display:flex;align-items:center;justify-content:center;font-size:34px;color:#00ffc3;margin-bottom:20px;background:linear-gradient(145deg,#002a2a,#001a1a);transition:.3s ease}.icon-box:hover{box-shadow:0 0 20px #00ffc866;transform:translateY(-5px) scale(1.05)}.step h3{font-size:22px;margin-bottom:10px}.step p{font-size:15px;color:#9fb5b5;max-width:250px}.how-container:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(0,255,200,.1),transparent);top:20%;left:10%;filter:blur(80px)}@media (max-width: 900px){.steps-wrapper{flex-direction:column;gap:60px}.steps-wrapper:before{display:none}.step{width:100%}}.pricing{padding:120px 60px;background:radial-gradient(circle at center,#041f19,#010d0a);color:#fff;text-align:center}.pricing-header h2{font-size:52px;font-weight:700}.pricing-header span{color:#00ffae}.pricing-header p{margin-top:10px;color:#9bdcc8;font-size:18px}.pricing-grid{margin-top:70px;display:flex;justify-content:center;gap:30px}.pricing-card{background:#02140f;border:1px solid rgba(0,255,174,.2);border-radius:20px;padding:40px;width:320px;text-align:left;position:relative}.pricing-card.active{border:2px solid #00ffae;box-shadow:0 0 25px #00ffae33}.badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#00ffae;color:#000;font-size:12px;padding:6px 14px;border-radius:20px;font-weight:600}.pricing-card h3{font-size:24px;margin-bottom:8px}.subtitle{color:#9bdcc8;font-size:14px}.price{font-size:48px;font-weight:700;color:#00ffae;margin:20px 0}.price span{font-size:18px;color:#9bdcc8}.pricing-card ul{list-style:none;padding:0;margin:20px 0}.pricing-card ul li{margin-bottom:10px;color:#cdeee3}.btn-outline{width:100%;padding:14px;border-radius:10px;border:1px solid #00ffae;background:transparent;color:#00ffae;cursor:pointer;font-weight:500}.btn-fill{width:100%;padding:14px;border-radius:10px;border:none;background:#00ffae;color:#000;cursor:pointer;font-weight:600}.pricing-card:hover{transform:translateY(-5px);transition:.3s}.cta-section{padding:120px 60px;background:radial-gradient(circle at center,#041f19,#010d0a);display:flex;justify-content:center;align-items:center}.cta-box{width:100%;max-width:1000px;text-align:center;padding:80px 40px;border-radius:20px;border:1px solid rgba(0,255,174,.3);background:#02140fcc;box-shadow:0 0 40px #00ffae1a}.cta-icon{width:70px;height:70px;margin:0 auto 30px;border-radius:50%;border:1px solid rgba(0,255,174,.4);background:#00ffae14;display:flex;align-items:center;justify-content:center;font-size:28px;color:#00ffae}.cta-box h2{font-size:48px;font-weight:700;color:#cdeee3}.cta-box span{color:#00ffae}.cta-box p{margin-top:20px;font-size:18px;color:#9bdcc8;line-height:1.6}.cta-btn{margin-top:30px;padding:16px 40px;border-radius:12px;background:#00ffae;color:#000;font-size:18px;font-weight:600;border:none;cursor:pointer;transition:.3s}.cta-btn:hover{background:#00e69a;box-shadow:0 0 20px #00ffae66}.cta-footer{margin-top:20px;font-size:14px;color:#7fbfae}.footer{background:radial-gradient(circle at center,#041f19,#010d0a);padding:80px 60px 40px;color:#fff}.footer-container{display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap}.footer-left{max-width:300px}.mainlogo{display:flex;align-items:center;gap:8px;margin-bottom:15px}.mainlogo-img{width:90px;height:90px}.icon{color:#00ffae;font-size:22px;font-weight:700}.text{font-size:20px;font-weight:600;color:#cffff0}.footer-left p{color:#9bdcc8;font-size:14px;margin-bottom:20px;line-height:1.6}.socials{display:flex;gap:15px}.socials span{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,255,174,.3);background:#00ffae14;cursor:pointer;transition:.3s}.socials span:hover{border-color:#00ffae;box-shadow:0 0 10px #00ffae66}.footer-col h4{margin-bottom:15px;font-size:16px}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:10px;color:#9bdcc8;cursor:pointer;transition:.2s}.footer-col ul li:hover{color:#00ffae}.footer-bottom{margin-top:50px;padding-top:20px;border-top:1px solid rgba(0,255,174,.2);display:flex;justify-content:space-between;flex-wrap:wrap;font-size:14px;color:#7fbfae}.highlight{color:#00ffae}.mainlogos-img{height:150px;width:150px}@media (max-width: 1024px){.navbar-inner{padding:14px 30px}.hero{flex-direction:column;gap:50px;padding:60px 30px;text-align:center}.hero-left{max-width:100%}.hero-left h1{font-size:42px}.hero-right{width:100%;max-width:500px}.features-grid,.audience-grid{grid-template-columns:repeat(2,1fr)}.poss-grid{grid-template-columns:1fr}.pricing-grid{flex-wrap:wrap;justify-content:center}.footer-container{gap:40px}}@media (max-width: 768px){.navbar-inner{padding:12px 20px}.links{display:none}.btn{padding:8px 14px;font-size:12px}.hero{padding:40px 20px}.hero-left h1{font-size:32px;line-height:1.3}.hero-left p{font-size:14px}.buttons{flex-direction:column;gap:12px}.primary,.secondary,.hero-right{width:100%}.assistants{position:relative;right:0;bottom:0;margin-top:15px;width:100%}.features{padding:60px 20px}.features-header h2{font-size:30px}.features-grid{grid-template-columns:1fr;gap:20px}.audience{padding:60px 20px}.audience-header h2{font-size:30px}.audience-grid{grid-template-columns:1fr}.possibilities{padding:60px 20px}.poss-header h2{font-size:32px}.how-container{padding:60px 20px}.title{font-size:32px}.pricing{padding:60px 20px}.pricing-header h2{font-size:32px}.pricing-grid{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:350px}.cta-section{padding:60px 20px}.cta-box{padding:40px 20px}.cta-box h2{font-size:28px}.cta-box p{font-size:14px}.footer{padding:60px 20px 30px}.footer-container{flex-direction:column;gap:30px}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}@media (max-width: 480px){.hero-left h1,.features-header h2,.audience-header h2,.pricing-header h2{font-size:26px}.btn,.primary,.secondary{font-size:12px;padding:10px}.code-content,.terminal{font-size:12px}}