@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Outfit:wght@100..900&display=swap";:root{--bg-primary: #181818;--bg-sidebar: #1f1f1f;--bg-editor: #151515;--bg-tabs: #1d1d1d;--bg-tab-active: #151515;--bg-tab-inactive: #222222;--bg-terminal: #0c0c0c;--bg-hover: #2d2d2d;--border-color: #323232;--text-normal: #cfd2d9;--text-muted: #787b80;--text-bright: #ffffff;--syntax-keyword: #5A9CF6;--syntax-type: #38BDF8;--syntax-string: #6a8759;--syntax-number: #93C5FD;--syntax-comment: #808080;--syntax-preproc: #bbb529;--syntax-function: #93C5FD;--accent-blue: #4F9EF8;--accent-orange: #2D87F0;--accent-green: #4f852f;--accent-border: #4e5157;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: "Outfit", "Inter", sans-serif;--sidebar-width: 260px;--tab-height: 40px;--statusbar-height: 25px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:var(--bg-primary);color:var(--text-normal);font-family:var(--font-sans);overflow:hidden;font-size:14px}a{color:var(--accent-blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--text-bright);text-decoration:underline}ul{list-style:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-editor)}::-webkit-scrollbar-thumb{background:#3e3e3e;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.ide-container{display:grid;grid-template-rows:1fr var(--statusbar-height);height:100vh;width:100vw}.ide-main{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:calc(100vh - var(--statusbar-height));position:relative}.ide-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;-webkit-user-select:none;user-select:none;z-index:10}.sidebar-header{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-family:var(--font-sans);text-transform:uppercase;font-size:.8rem;letter-spacing:1px;color:var(--text-muted);font-weight:700}.sidebar-icons{display:flex;gap:8px;color:var(--text-muted);font-size:.9rem}.explorer-tree{padding:10px 0;flex-grow:1;overflow-y:auto}.tree-folder{margin-bottom:8px}.tree-folder-title{display:flex;align-items:center;padding:4px 16px;font-weight:600;color:var(--text-normal);cursor:pointer;gap:6px}.tree-folder-title:hover{background-color:var(--bg-hover)}.tree-folder-icon{transition:transform .2s ease;color:var(--syntax-keyword)}.tree-folder.open .tree-folder-icon{transform:rotate(90deg)}.tree-files{padding-left:20px;display:block}.tree-folder.collapsed .tree-files{display:none}.tree-file-item{display:flex;align-items:center;padding:5px 16px;cursor:pointer;gap:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem;border-left:2px solid transparent;transition:background-color .15s,color .15s}.tree-file-item:hover{background-color:var(--bg-hover);color:var(--text-normal)}.tree-file-item.active{background-color:#2b2d30;color:var(--text-bright);border-left-color:var(--accent-blue)}.file-icon{width:14px;height:14px;display:inline-block;text-align:center;line-height:14px}.icon-cpp{color:#f34b7d;font-weight:700}.icon-h{color:#5c2d91;font-weight:700}.icon-md{color:#007acc;font-weight:700}.icon-json{color:#f1e05a;font-weight:700}.icon-yml{color:#cb171e;font-weight:700}.ide-editor-panel{background-color:var(--bg-editor);display:grid;grid-template-rows:var(--tab-height) 1fr;height:100%;overflow:hidden;position:relative}.editor-tabs-bar{background-color:var(--bg-tabs);border-bottom:1px solid var(--border-color);display:flex;overflow-x:auto;scrollbar-width:none}.editor-tabs-bar::-webkit-scrollbar{display:none}.editor-tab{display:flex;align-items:center;height:100%;padding:0 16px;background-color:var(--bg-tab-inactive);border-right:1px solid var(--border-color);cursor:pointer;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);gap:8px;-webkit-user-select:none;user-select:none;transition:background-color .15s,color .15s}.editor-tab:hover{background-color:var(--bg-hover);color:var(--text-normal)}.editor-tab.active{background-color:var(--bg-tab-active);color:var(--text-bright);border-top:2px solid var(--accent-orange)}.tab-close{font-size:.75rem;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.tab-close:hover{background-color:#ffffff26;color:#ff5f56}.editor-workspace{position:relative;overflow-y:auto;height:100%}.editor-section{display:none;min-height:100%;padding:24px 32px;animation:fadeIn .25s ease-out}.editor-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.editor-code-container{display:flex;font-family:var(--font-mono);line-height:1.6;font-size:.95rem}.line-numbers{text-align:right;padding-right:20px;color:#3b3f42;-webkit-user-select:none;user-select:none;border-right:1px solid #232323;min-width:40px}.code-content{padding-left:20px;flex-grow:1;white-space:pre-wrap;color:var(--text-normal)}.hero-wrapper{max-width:800px;margin:0 auto}.status-badge-container{margin-bottom:20px}.status-badge{display:inline-flex;align-items:center;gap:8px;background-color:#4f852f26;border:1px solid var(--accent-green);color:#a3e635;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:var(--font-mono)}.status-dot{width:8px;height:8px;background-color:#a3e635;border-radius:50%;box-shadow:0 0 8px #a3e635;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.hero-wrapper h1{font-size:3rem;font-weight:800;letter-spacing:-1px;color:var(--text-bright);margin-bottom:8px;font-family:var(--font-sans)}.hero-subtitle{font-family:var(--font-mono);font-size:1.3rem;color:var(--syntax-keyword);margin-bottom:24px}.hero-summary{font-size:1.1rem;line-height:1.7;color:var(--text-normal);margin-bottom:30px}.skills-section-container{max-width:900px;margin:0 auto}.section-title-ide{font-family:var(--font-mono);color:var(--syntax-comment);margin-bottom:20px;font-size:1.2rem;border-bottom:1px solid var(--border-color);padding-bottom:8px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.skill-card{background-color:#ffffff05;border:1px solid var(--border-color);border-radius:6px;padding:20px;transition:transform .2s ease,border-color .2s ease}.skill-card:hover{transform:translateY(-2px);border-color:var(--accent-blue);background-color:#ffffff08}.skill-card h4{font-family:var(--font-mono);color:var(--syntax-function);font-size:1rem;margin-bottom:12px}.skill-badges{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{background-color:var(--bg-hover);border:1px solid rgba(255,255,255,.08);color:var(--text-normal);padding:4px 10px;border-radius:4px;font-size:.8rem;font-family:var(--font-mono);transition:all .15s ease}.skill-badge:hover{border-color:var(--accent-orange);color:var(--text-bright)}.projects-container{max-width:900px;margin:0 auto}.filter-bar{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{background-color:var(--bg-tabs);border:1px solid var(--border-color);color:var(--text-muted);padding:6px 14px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:.85rem;transition:all .2s ease}.filter-btn:hover{background-color:var(--bg-hover);color:var(--text-normal)}.filter-btn.active{background-color:#2d87f026;border-color:var(--accent-orange);color:#93c5fd}.projects-grid{display:grid;grid-template-columns:1fr;gap:24px}.project-card{background-color:#ffffff04;border:1px solid var(--border-color);border-radius:6px;padding:24px;transition:border-color .25s,transform .25s}.project-card:hover{border-color:var(--accent-orange);transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.project-header h3{font-family:var(--font-sans);color:var(--text-bright);font-size:1.3rem}.project-links{display:flex;gap:12px;font-size:1.1rem}.project-description{color:var(--text-normal);line-height:1.6;margin-bottom:16px}.project-architecture{background-color:#0003;border-left:3px solid var(--accent-blue);padding:12px 16px;margin-bottom:16px;font-family:var(--font-mono);font-size:.85rem;color:#a9b7c6}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.terminal-wrapper{background-color:var(--bg-terminal);border:1px solid var(--border-color);border-radius:6px;height:100%;display:grid;grid-template-rows:32px 1fr;overflow:hidden;box-shadow:0 10px 30px #00000080}.terminal-header{background-color:#1e1e1e;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;justify-content:space-between}.terminal-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.terminal-dot-group{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.terminal-body{padding:16px;font-family:var(--font-mono);font-size:.9rem;overflow-y:auto;color:#a9b7c6;line-height:1.5}.terminal-input-line{display:flex;align-items:center;gap:8px;margin-bottom:12px}.terminal-prompt{color:var(--syntax-string)}.terminal-cmd{color:var(--text-bright)}.terminal-output{margin-bottom:16px;color:var(--text-normal);white-space:pre-wrap}.run-btn-container{margin-top:15px}.terminal-run-btn{background-color:var(--accent-green);border:none;color:var(--text-bright);padding:8px 16px;font-family:var(--font-mono);font-size:.85rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;transition:filter .15s ease}.terminal-run-btn:hover{filter:brightness(1.15)}.contact-container{max-width:600px;margin:0 auto;text-align:center}.contact-card{background-color:#ffffff03;border:1px solid var(--border-color);padding:40px;border-radius:8px}.contact-header-title{font-family:var(--font-sans);color:var(--text-bright);font-size:2rem;margin-bottom:16px}.contact-desc{font-size:1.1rem;color:var(--text-normal);margin-bottom:30px;line-height:1.6}.contact-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:20px}.contact-link-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-hover);transition:all .2s ease;color:var(--text-normal)}.contact-link-item:hover{border-color:var(--accent-blue);color:var(--accent-blue);text-decoration:none;transform:translateY(-2px)}.contact-icon{font-size:1.8rem;margin-bottom:8px}.contact-label{font-family:var(--font-mono);font-size:.85rem}.ide-statusbar{background-color:#2b2d30;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-family:var(--font-sans);font-size:.75rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:16px}.statusbar-item{display:flex;align-items:center;gap:4px}.statusbar-item.branch{color:var(--text-normal)}.mobile-nav-bar{display:none;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);height:48px;align-items:center;padding:0 16px;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:100}.mobile-menu-btn{background:none;border:none;color:var(--text-normal);font-size:1.5rem;cursor:pointer}.mobile-logo{font-family:var(--font-mono);font-weight:700;color:var(--accent-orange)}@media (max-width: 768px){html,body{overflow:auto}.ide-container{grid-template-rows:1fr;height:auto}.ide-main{grid-template-columns:1fr;height:auto;padding-top:48px}.mobile-nav-bar{display:flex}.ide-sidebar{position:fixed;top:48px;left:0;width:var(--sidebar-width);height:calc(100vh - 48px);transform:translate(-100%);transition:transform .3s ease;box-shadow:10px 0 20px #0000004d}.ide-sidebar.open{transform:translate(0)}.ide-editor-panel{grid-template-rows:var(--tab-height) auto;height:auto}.editor-workspace{overflow-y:visible;height:auto}.editor-section{padding:16px}.hero-wrapper h1{font-size:2.2rem}.ide-statusbar{display:none}}.kwd{color:var(--syntax-keyword);font-weight:700}.typ{color:var(--syntax-type)}.str{color:var(--syntax-string)}.num{color:var(--syntax-number)}.com{color:var(--syntax-comment);font-style:italic}.pre{color:var(--syntax-preproc)}.fun{color:var(--syntax-function)}.pun{color:var(--text-normal)}