@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=nord]{--font-display:"Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg:#1e222a;--sidebar-bg:#181b21;--editor-bg:#1e222a;--panel-bg:#15181e;--card-bg:#242933;--card-bg-hover:#2d3340;--text:#eceff4;--text-muted:#88c0d0;--text-darker:#7a889b;--accent:#88c0d0;--accent-coral:#ff7a64;--accent-pear:#e5c07b;--accent-cyan:#56b6c2;--accent-glow:#88c0d040;--border:#2e3440;--border-focus:#88c0d0;--scrollbar:#3b4252;--scrollbar-hover:#434c5e;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--shadow-soft:0 8px 24px -10px #0006;--shadow-hover:0 16px 32px -12px #88c0d033;--c-comment:#5c6370;--c-keyword:#81a1c1;--c-string:#a3be8c;--c-number:#b48ead;--c-tag:#8fbcbb}[data-theme=cyberpunk]{--bg:#0d0e15;--sidebar-bg:#07080c;--editor-bg:#0d0e15;--panel-bg:#07080c;--card-bg:#141622;--card-bg-hover:#1c1f30;--text:#0fc;--text-muted:#f05;--text-darker:#f05;--accent:#f05;--accent-coral:#f05;--accent-pear:#ff0;--accent-cyan:#0fc;--accent-glow:#f056;--border:#f05;--border-focus:#0fc;--scrollbar:#f05;--scrollbar-hover:#0fc;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--shadow-soft:0 8px 24px -10px #ff00554d;--shadow-hover:0 16px 32px -12px #00ffcc4d;--c-comment:#6272a4;--c-keyword:#0fc;--c-string:#ff0;--c-number:#f05;--c-tag:#0fc}[data-theme=monokai]{--bg:#272822;--sidebar-bg:#1e1f1c;--editor-bg:#272822;--panel-bg:#1e1f1c;--card-bg:#30312a;--card-bg-hover:#3b3c33;--text:#f8f8f2;--text-muted:#a6e22e;--text-darker:#95917e;--accent:#f92672;--accent-coral:#fd971f;--accent-pear:#e6db74;--accent-cyan:#66d9ef;--accent-glow:#f9267240;--border:#3e3d32;--border-focus:#a6e22e;--scrollbar:#49483e;--scrollbar-hover:#75715e;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--shadow-soft:0 8px 24px -10px #00000080;--shadow-hover:0 16px 32px -12px #f9267240;--c-comment:#75715e;--c-keyword:#f92672;--c-string:#e6db74;--c-number:#ae81ff;--c-tag:#66d9ef}[data-theme=dracula]{--bg:#282a36;--sidebar-bg:#1e1f29;--editor-bg:#282a36;--panel-bg:#1e1f29;--card-bg:#343746;--card-bg-hover:#3e4254;--text:#f8f8f2;--text-muted:#8be9fd;--text-darker:#8292c4;--accent:#bd93f9;--accent-coral:#ff79c6;--accent-pear:#f1fa8c;--accent-cyan:#50fa7b;--accent-glow:#bd93f940;--border:#44475a;--border-focus:#bd93f9;--scrollbar:#44475a;--scrollbar-hover:#6272a4;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--shadow-soft:0 8px 24px -10px #00000080;--shadow-hover:0 16px 32px -12px #bd93f94d;--c-comment:#6272a4;--c-keyword:#ff79c6;--c-string:#f1fa8c;--c-number:#bd93f9;--c-tag:#50fa7b}[data-theme=light]{--bg:#fafafa;--sidebar-bg:#f0f0f3;--editor-bg:#fff;--panel-bg:#f5f5f8;--card-bg:#fff;--card-bg-hover:#f3f4f8;--text:#1a1a24;--text-muted:#06c;--text-darker:#6a6a7a;--accent:#06c;--accent-coral:#e04836;--accent-pear:#d99b00;--accent-cyan:#08a;--accent-glow:#0066cc26;--border:#e2e4ec;--border-focus:#06c;--scrollbar:#ccc;--scrollbar-hover:#aaa;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--shadow-soft:0 8px 24px -10px #00000014;--shadow-hover:0 16px 32px -12px #0066cc26;--c-comment:#8a8a9a;--c-keyword:#06c;--c-string:#2e7d32;--c-number:#9c27b0;--c-tag:#0288d1}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-style:normal}.ide-container{background-color:var(--bg);width:100vw;height:100vh;color:var(--text);flex-direction:column;display:flex;overflow:hidden}.titlebar,.title-bar{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 14px;font-size:12px;display:flex}.titlebar-left,.title-bar-left{align-items:center;gap:12px;display:flex}.window-dots,.window-controls{align-items:center;gap:7px;display:flex}.window-dot,.win-dot{cursor:pointer;border-radius:50%;width:11px;height:11px;transition:transform .15s}.window-dot:hover,.win-dot:hover{transform:scale(1.15)}.window-dot.close,.win-close{background-color:#ff5f56}.window-dot.minimize,.win-min{background-color:#ffbd2e}.window-dot.maximize,.win-max{background-color:#27c93f}.workspace-title{font-family:var(--font-mono);color:var(--text-darker);font-size:11px;font-weight:500}.titlebar-center,.title-bar-center{color:var(--text);font-family:var(--font-mono);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.titlebar-right,.theme-selector{align-items:center;gap:8px;display:flex}.theme-label{color:var(--text-darker);font-size:11px;font-weight:600}.theme-dropdown{background-color:var(--panel-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);cursor:pointer;outline:none;padding:4px 10px;transition:all .2s}.theme-dropdown:hover{border-color:var(--accent)}.statusbar,.status-bar{background-color:var(--sidebar-bg);border-top:1px solid var(--border);height:26px;color:var(--text-darker);font-size:11px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:16px;display:flex}.statusbar-item{align-items:center;gap:5px;transition:color .15s;display:flex}.statusbar-item.interactive{cursor:pointer}.statusbar-item.interactive:hover{color:var(--text)}.statusbar-item.status-success{color:#27c93f;font-weight:600}.workspace-main{flex:1;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;width:240px;display:flex}.sidebar-header,.sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-darker);border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:700}.file-tree{flex:1;padding:6px 0;overflow-y:auto}.tree-item{cursor:pointer;color:var(--text);align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:background-color .15s,color .15s;display:flex}.tree-item:hover{color:var(--accent);background-color:#ffffff0d}.tree-item.active{background-color:var(--card-bg);color:var(--accent);border-left:2px solid var(--accent);font-weight:600}.editor-panel{background-color:var(--editor-bg);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.tab-bar-container{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-right:8px;display:flex}.tab-bar{display:flex;overflow-x:auto}.tab{color:var(--text-darker);background-color:var(--sidebar-bg);border-right:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 14px;font-size:12px;transition:all .15s;display:flex}.tab:hover{color:var(--text);background-color:var(--bg)}.tab.active{color:var(--text);background-color:var(--editor-bg);border-top:2px solid var(--accent);font-weight:600}.tab-close{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;transition:background .15s;display:flex}.tab-close:hover{background-color:#ffffff26}.toggle-container{background-color:var(--panel-bg);border-radius:var(--radius-sm);border:1px solid var(--border);gap:2px;padding:3px;display:flex}.btn-toggle{color:var(--text-darker);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.btn-toggle:hover{color:var(--text)}.btn-toggle.active{background-color:var(--card-bg);color:var(--accent);box-shadow:0 1px 3px #0003}.editor-body{flex:1;position:relative;overflow:auto}.code-editor-view{font-family:var(--font-mono);padding:16px 0;font-size:13px;line-height:1.6;display:flex}.line-numbers{color:var(--text-darker);text-align:right;-webkit-user-select:none;user-select:none;padding:0 16px}.code-content{white-space:pre;flex:1;padding-right:24px;overflow-x:auto}.syntax-comment{color:var(--c-comment);font-style:italic}.syntax-keyword{color:var(--c-keyword);font-weight:600}.syntax-string{color:var(--c-string)}.syntax-number{color:var(--c-number)}.syntax-tag{color:var(--c-tag)}.preview-container{max-width:960px;margin:0 auto;padding:28px;animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.welcome-preview{flex-direction:column;gap:20px;display:flex}.welcome-header{align-items:center;gap:16px;display:flex}.welcome-avatar{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border);width:56px;height:56px;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;font-size:28px;display:flex}.lead-text{color:var(--text);font-size:15px;line-height:1.6}.portfolio-grid-section{margin-top:12px}.portfolio-grid-section h3{color:var(--text);margin-bottom:16px;font-size:18px;font-weight:700}.portfolio-cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;display:grid}.portfolio-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-soft);flex-direction:column;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden}.portfolio-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);background-color:var(--card-bg-hover);transform:translateY(-4px)}.card-image-wrap{background-color:#101216;width:100%;height:170px;position:relative;overflow:hidden}.card-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.portfolio-card:hover .card-image-wrap img{transform:scale(1.04)}.card-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);border-radius:var(--radius-pill);background-color:#000000b3;border:1px solid #ffffff1a;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px}.card-content{flex-direction:column;flex:1;padding:16px;display:flex}.card-content h4{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.card-content p{color:var(--text-darker);flex:1;margin-bottom:14px;font-size:13px;line-height:1.5}.card-link{color:var(--accent);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.project-preview{flex-direction:column;gap:20px;display:flex}.project-hero-frame{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;max-height:380px;box-shadow:var(--shadow-soft);background-color:#101216;overflow:hidden}.project-hero-image{object-fit:cover;width:100%;height:100%}.project-title-area{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-title-area h2{color:var(--text);font-size:24px;font-weight:800}.project-tagline{color:var(--accent);margin-top:4px;font-size:14px}.project-links{gap:10px;display:flex}.project-link-btn{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--card-bg);color:var(--text);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.project-link-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.project-link-btn.primary{background-color:var(--accent);color:#101216;border-color:var(--accent)}.project-link-btn.primary:hover{box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-2px)}.project-body{color:var(--text);font-size:14px;line-height:1.7}.project-highlights-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:20px}.project-highlights-card h4{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.project-highlights-card ul{flex-direction:column;gap:8px;padding-left:20px;display:flex}.project-highlights-card li{color:var(--text);font-size:13px;line-height:1.6}.project-tech-pills{flex-wrap:wrap;gap:8px;display:flex}.project-tech-pill{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--accent);padding:5px 12px;font-size:12px;font-weight:600}.services-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px;margin-top:16px;display:grid}.service-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:18px;display:flex}.service-header{justify-content:space-between;align-items:center;display:flex}.service-header h3{font-size:15px;font-weight:700}.time-badge{background-color:var(--panel-bg);color:var(--accent);border-radius:var(--radius-pill);border:1px solid var(--border);padding:3px 8px;font-size:11px;font-weight:700}.service-card p{color:var(--text-darker);font-size:13px;line-height:1.5}.service-tech{font-size:11px;font-family:var(--font-mono);color:var(--accent);margin-top:4px}.contact-form-container{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);max-width:580px;margin:0 auto;padding:28px}.available-pill{color:#27c93f;border-radius:var(--radius-pill);background-color:#27c93f26;border:1px solid #27c93f4d;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.portfolio-contact-form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-darker);font-size:12px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-sm);background-color:var(--panel-bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--text-muted)}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.submit-btn{background-color:var(--accent);color:#101216;border:1px solid var(--accent);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.submit-btn:hover{box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-2px)}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled,.submit-btn.loading{opacity:.6;cursor:not-allowed;transform:none}.dashboard-panel{background-color:var(--sidebar-bg);border-left:1px solid var(--border);flex-direction:column;gap:16px;width:280px;padding:16px;display:flex;overflow-y:auto}.profile-card{flex-direction:column;gap:10px;display:flex}.profile-avatar-wrapper{width:48px;height:48px;position:relative}.profile-avatar{border-radius:var(--radius-md);background-color:var(--card-bg);border:1px solid var(--border);justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.profile-status-dot{border:2px solid var(--sidebar-bg);background-color:#27c93f;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.profile-name{font-size:16px;font-weight:800}.profile-title{color:var(--text-darker);font-size:12px}.profile-badges{flex-direction:column;gap:4px;display:flex}.profile-badge{border-radius:var(--radius-pill);background-color:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);width:fit-content;padding:3px 8px;font-size:11px}.profile-badge.available{color:#27c93f;background-color:#27c93f1a;border-color:#27c93f4d;font-weight:600}.system-stats-card,.connect-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px;display:flex}.system-stats-card h4,.connect-card h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-darker);font-size:12px;font-weight:700}.stat-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-label{color:var(--text-darker)}.stat-value{font-family:var(--font-mono)}.social-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.social-btn{border-radius:var(--radius-sm);background-color:var(--panel-bg);border:1px solid var(--border);color:var(--text);justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.social-btn:hover{border-color:var(--accent);color:var(--accent)}.social-btn.primary-cta{background-color:var(--accent);color:#101216;border-color:var(--accent);font-weight:700}.social-btn.primary-cta:hover{box-shadow:0 4px 12px var(--accent-glow)}.terminal-panel{background-color:var(--panel-bg);border-top:1px solid var(--border);height:220px;font-family:var(--font-mono);flex-direction:column;font-size:12px;display:flex}.terminal-header{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border);height:30px;color:var(--text-darker);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.terminal-header-left{align-items:center;gap:8px;font-weight:600;display:flex}.terminal-controls{gap:6px;display:flex}.terminal-control-btn{color:var(--text-darker);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.terminal-control-btn:hover{color:var(--text)}.terminal-body{flex-direction:column;flex:1;gap:4px;padding:10px 14px;display:flex;overflow-y:auto}.terminal-line{white-space:pre-wrap;line-height:1.5}.terminal-line.system{color:var(--text-darker)}.terminal-line.output{color:var(--text)}.terminal-line.error{color:#ff5f56}.terminal-prompt-sym{color:var(--accent);font-weight:700}.terminal-input-row{align-items:center;gap:6px;display:flex}.terminal-input-field{color:var(--text);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:12px}.cursor-blink{background-color:var(--accent);width:7px;height:14px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (width<=900px){.dashboard-panel{display:none}}@media (width<=640px){.sidebar{width:180px}.preview-container{padding:16px}.portfolio-cards-grid{grid-template-columns:1fr}}