.header{position:sticky;top:0;z-index:100;background:#0d0e10f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;width:100%;overflow:hidden}.header__logo{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;white-space:nowrap;flex-shrink:0}.header__logo span{color:var(--accent-color)}.nav__list{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav__list::-webkit-scrollbar{display:none}.nav__link{font-size:.9rem;color:var(--text-secondary);position:relative;padding:.5rem .25rem;white-space:nowrap;min-height:44px;display:flex;align-items:center;flex-shrink:0}.nav__link:hover,.nav__link.active{color:var(--text-primary)}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--accent-color);transition:width .3s ease}.nav__link:hover:after{width:100%}@media(max-width:768px){.header{padding:var(--spacing-sm) var(--spacing-sm);background:#0d0e10fa}.header__logo{font-size:1rem}.nav__list{gap:var(--spacing-sm);max-width:60vw}.nav__link{font-size:.8rem;padding:.5rem .25rem}}@media(max-width:480px){.header{padding:var(--spacing-xs) var(--spacing-sm)}.header__logo{font-size:.9rem}.nav__list{gap:calc(var(--spacing-sm) * .8);max-width:50vw}.nav__link{font-size:.75rem;padding:.4rem .2rem}.nav__link:nth-child(n+5){display:none}}@media(max-width:360px){.nav__link:nth-child(n+4){display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;font-family:var(--font-mono);font-size:.9rem;font-weight:500;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease;border-radius:0;text-decoration:none;min-height:44px;white-space:nowrap}.btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:2px 2px #0000004d}.btn--primary{background-color:var(--surface-color);border-color:var(--text-primary)}.btn--primary:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:2px 2px #0000004d}@media(max-width:768px){.btn{padding:.7rem 1.2rem;font-size:.8rem;min-height:44px;width:auto}.btn:hover{transform:translateY(-1px)}}@media(max-width:480px){.btn{padding:.6rem 1rem;font-size:.75rem;min-height:44px}.btn:hover{transform:none}}.code-window{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 20px 50px #00000080;font-family:var(--font-mono);font-size:.85rem;overflow:hidden;width:100%;max-width:100%;margin:0 auto}.code-header{background-color:#0f1115;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background-color:#333}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.code-body{padding:1.5rem;color:var(--text-secondary);overflow-x:auto;overflow-y:hidden;line-height:1.6}.token-keyword{color:#ff79c6}.token-func{color:#8be9fd}.token-string{color:#f1fa8c}.token-comment{color:#6272a4;font-style:italic}@media(max-width:768px){.code-window{font-size:.75rem;margin:0}.code-header{padding:.4rem .8rem}.code-header span{font-size:8px;opacity:.7}.code-body{padding:1rem .8rem;font-size:.75rem}.code-body>div{white-space:nowrap;min-width:fit-content}.dot{width:8px;height:8px}}@media(max-width:480px){.code-window{font-size:.7rem}.code-body{padding:.8rem .6rem;font-size:.7rem}.code-header{padding:.3rem .6rem}.dot{width:6px;height:6px}}.terminal-toggle-btn{position:fixed;bottom:2rem;right:2rem;z-index:998;background:var(--bg-color);border:1px solid var(--text-primary);display:flex;align-items:center;padding:.8rem 1.5rem;font-family:var(--font-mono);transition:all .2s ease}.terminal-toggle-btn:hover{background:var(--surface-color);transform:translateY(-2px);border-color:var(--accent-color)}.terminal-overlay{position:fixed;background:var(--bg-color);border:1px solid var(--border-color);border-radius:0;z-index:999;display:flex;flex-direction:column;box-shadow:4px 4px #00000080;font-family:var(--font-mono);overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%)}.terminal-overlay.maximized{width:100vw!important;height:100vh!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.terminal-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:0;display:flex;justify-content:space-between;align-items:stretch;height:32px;-webkit-user-select:none;user-select:none}.terminal-drag-handle{flex:1;padding:0 1rem;display:flex;align-items:center;cursor:move}.terminal-title{font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.05em}.terminal-controls{display:flex;align-items:stretch}.terminal-btn{background:transparent;border:none;border-left:1px solid var(--border-color);color:var(--text-secondary);padding:0 1rem;cursor:pointer;font-size:1.2rem;font-family:var(--font-mono);transition:background .1s ease;outline:none}.terminal-btn:hover{background:var(--border-color);color:var(--text-primary)}.terminal-btn:active{background:var(--accent-color);color:var(--bg-color)}.terminal-body{flex:1;padding:1rem;overflow-y:auto;overflow-x:hidden;font-size:.875rem;line-height:1.4;background:var(--bg-color);color:var(--text-primary)}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:var(--bg-color)}.terminal-body::-webkit-scrollbar-thumb{background:var(--border-color)}.terminal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.terminal-line{margin-bottom:.2rem;word-wrap:break-word;white-space:pre-wrap;font-family:var(--font-mono);font-size:.875rem}.terminal-line.input{color:var(--accent-color);margin-top:.4rem;font-weight:600}.terminal-line.response{color:var(--text-primary)}.terminal-line.error{color:var(--error-color);background:#ef44440d;padding:.2rem .4rem;margin:.2rem -.4rem}.terminal-line.secondary{color:var(--text-secondary);font-size:.8rem}.terminal-line.dir{color:var(--success-color);font-weight:600}.terminal-line.file{color:var(--text-primary)}.terminal-line.hidden{color:var(--text-secondary);opacity:.6;font-style:italic}.terminal-line.achievement{color:var(--accent-color);font-weight:600;padding:.4rem;border-left:2px solid var(--accent-color);margin:.4rem 0;background:#3b82f60d}.terminal-line.empty{height:.4rem}.input-line{display:flex;align-items:center;margin-top:.4rem;position:relative}.prompt-path{color:var(--success-color);margin-right:8px;font-weight:600;flex-shrink:0;font-size:.875rem}.term-input{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;width:100%;outline:none;caret-color:var(--success-color);caret-shape:block}.resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:se-resize;opacity:.3;transition:opacity .2s}.resize-handle:hover{opacity:.6}.resize-handle:before,.resize-handle:after{content:"";position:absolute;background:var(--text-secondary)}.resize-handle:before{bottom:2px;right:2px;width:10px;height:1px;transform:rotate(-45deg);transform-origin:bottom right}.resize-handle:after{bottom:6px;right:2px;width:6px;height:1px;transform:rotate(-45deg);transform-origin:bottom right}@media(max-width:768px){.terminal-overlay{width:100vw!important;height:60vh!important;bottom:0!important;top:auto!important;left:0!important;transform:none!important;border-radius:0;border:none;border-top:1px solid var(--border-color);box-shadow:none}.terminal-overlay.maximized{height:100vh!important}.terminal-toggle-btn{right:1rem;bottom:1rem;padding:.7rem 1.2rem;font-size:.9rem}.resize-handle{display:none}.terminal-drag-handle{cursor:default}.terminal-header{height:40px}.terminal-btn{padding:0 1.2rem;font-size:1.5rem}.terminal-body{font-size:.8rem;padding:.8rem}.terminal-line{font-size:.8rem}}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-lg);align-items:center;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);min-height:auto;overflow:hidden}.hero__content h1{font-size:4rem;margin-bottom:var(--spacing-md);word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.hero__content p{font-size:1.25rem;color:var(--text-secondary);max-width:500px;margin-bottom:var(--spacing-md);line-height:1.6}.cta-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.hero__visual{position:relative;width:100%;max-width:100%;overflow:hidden}.skill-card{background-color:var(--bg-color);padding:var(--spacing-md);transition:background-color .2s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center}.skill-card:hover{background-color:var(--surface-color)}.skill-name{font-weight:600;margin-bottom:.5rem;display:block;line-height:1.3;word-break:break-word}.skill-meta{font-size:.8rem;color:var(--text-secondary);line-height:1.4;word-break:break-word}@media(max-width:768px){.skill-card{padding:var(--spacing-sm);min-height:100px}.skill-name{font-size:.9rem;margin-bottom:.4rem}.skill-meta{font-size:.75rem}}@media(max-width:480px){.skill-card{padding:calc(var(--spacing-sm) * .8);min-height:90px}.skill-name{font-size:.85rem}.skill-meta{font-size:.7rem}}.section-header{margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.section-header span{white-space:nowrap}.grid-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background-color:var(--border-color);border:1px solid var(--border-color);width:100%;overflow:hidden}.text-secondary{color:var(--text-secondary)}.tag{font-family:var(--font-mono);font-size:.75rem;padding:2px 8px;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:0;display:inline-block;white-space:nowrap;word-break:keep-all}@media(max-width:768px){.tag{font-size:.7rem;padding:1px 6px}}@media(max-width:480px){.tag{font-size:.65rem;padding:1px 4px}}.project-card{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0;transition:opacity .3s ease;width:100%;overflow:hidden}.project-card:last-child{border-bottom:none}.project-card:hover{opacity:.8}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm);flex-wrap:wrap}.project-title{font-size:1.5rem;color:var(--text-primary);line-height:1.3;word-break:break-word;flex:1;min-width:0}.project-year{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.9rem}.project-desc{color:var(--text-secondary);max-width:800px;margin-bottom:var(--spacing-sm);line-height:1.6;word-break:break-word}.project-tags{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media(max-width:768px){.project-card{padding:var(--spacing-md) 0}.project-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-title{font-size:1.25rem;line-height:1.2}.project-year{font-size:.8rem}.project-desc{font-size:.9rem;max-width:100%;line-height:1.5}.project-tags{gap:6px}}@media(max-width:480px){.project-card{padding:calc(var(--spacing-md) * .8) 0}.project-title{font-size:1.1rem}.project-year{font-size:.75rem}.project-desc{font-size:.85rem}.project-tags{gap:4px}}.section-title{font-size:2rem;font-family:var(--font-mono);word-break:break-word;line-height:1.2;flex-shrink:0}@media(max-width:768px){.section-header a{font-size:.8rem;padding:.5rem 0;align-self:flex-start;word-break:break-word}}@media(max-width:480px){.section-header{gap:.5rem}.section-header a{font-size:.75rem}}.projects-container{display:flex;flex-direction:column;width:100%;overflow:hidden}.loading,.error{color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem;padding:var(--spacing-md) 0;text-align:center}@media(max-width:768px){.loading,.error{font-size:.8rem;padding:var(--spacing-sm) 0}}.timeline-item{position:relative;padding-left:var(--spacing-md);margin-bottom:var(--spacing-lg);border-left:2px solid var(--border-color);width:100%;overflow:hidden}.timeline-item:before{content:"";position:absolute;left:-5px;top:0;width:8px;height:8px;background-color:var(--accent-color);border-radius:0;transform:rotate(45deg)}.role{font-size:1.25rem;font-weight:600;line-height:1.3;word-break:break-word;display:block;margin-bottom:.25rem}.company{color:var(--accent-color);margin-bottom:var(--spacing-xs);display:block;word-break:break-word;font-size:1rem}.duration{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);display:block}.text-secondary{color:var(--text-secondary);line-height:1.6;word-break:break-word}@media(max-width:768px){.timeline-item{padding-left:var(--spacing-sm);margin-bottom:var(--spacing-md);border-left:1px solid var(--border-color)}.timeline-item:before{left:-3px;width:6px;height:6px}.role{font-size:1.1rem;margin-bottom:.2rem}.company{font-size:.9rem;margin-bottom:calc(var(--spacing-xs) * .8)}.duration{font-size:.8rem;margin-bottom:calc(var(--spacing-sm) * .8)}.text-secondary{font-size:.9rem;line-height:1.5}}@media(max-width:480px){.timeline-item{padding-left:calc(var(--spacing-sm) * .8);margin-bottom:calc(var(--spacing-md) * .8)}.timeline-item:before{left:-2px;width:4px;height:4px}.role{font-size:1rem}.company{font-size:.85rem}.duration{font-size:.75rem}.text-secondary{font-size:.85rem}}.section-header{margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;width:100%}.timeline{display:flex;flex-direction:column;width:100%;overflow:hidden;position:relative}@media(max-width:768px){.section-header{margin-bottom:var(--spacing-md)}.timeline{padding-left:0}}@media(max-width:480px){.section-header{margin-bottom:calc(var(--spacing-md) * .8)}.timeline{margin-left:-var(--spacing-xs)}}.footer{padding:var(--spacing-lg) 0;text-align:center;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;border-top:1px solid var(--border-color);margin-top:var(--spacing-xl)}.footer a{color:var(--text-secondary);transition:color .2s ease;padding:.5rem;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.footer a:hover{color:var(--accent-color)}@media(max-width:768px){.footer{padding:var(--spacing-md) 0;font-size:.8rem}.footer a{margin:0 .5rem!important;padding:.4rem;font-size:.8rem}}@media(max-width:480px){.footer{padding:calc(var(--spacing-md) * .8) 0;font-size:.75rem}.footer a{margin:0 .25rem!important;padding:.3rem;font-size:.75rem}.footer p{margin-bottom:.8rem}}:root{--bg-color: #0d0e10;--surface-color: #16181d;--border-color: #2a2d35;--text-primary: #eaeaeb;--text-secondary: #9ca3af;--accent-color: #3b82f6;--accent-hover: #2563eb;--error-color: #ef4444;--success-color: #10b981;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius: 0px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s ease}ul{list-style:none}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.2}.mono{font-family:var(--font-mono);font-size:.9em}.highlight{color:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);min-height:100vh;background-color:var(--bg-color);position:relative}.section{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-color)}@media(max-width:480px){:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem}.container{padding:0 var(--spacing-sm);border-left:none;border-right:none;max-width:100%}.section{padding:var(--spacing-lg) 0}.hero{grid-template-columns:1fr!important;gap:var(--spacing-md)!important;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);text-align:left}.hero__content{order:1;padding:0 var(--spacing-sm)}.hero__content h1{font-size:2rem!important;line-height:1.2;margin-bottom:var(--spacing-sm)}.hero__content h4{font-size:.875rem}.hero__content p{font-size:.95rem;line-height:1.5}.hero__visual{order:2;margin-top:var(--spacing-md)}.code-window{font-size:.7rem!important;max-width:100%;overflow-x:auto}.code-body{padding:.75rem!important;overflow-x:auto;white-space:pre}.cta-group{flex-direction:column;width:100%;gap:var(--spacing-xs)}.btn{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.9rem}.header{padding:var(--spacing-sm);flex-direction:column;gap:var(--spacing-sm)}.header__logo{font-size:1rem}.nav__list{gap:var(--spacing-sm);font-size:.85rem}.grid-skills{grid-template-columns:1fr 1fr!important}.skill-card{padding:var(--spacing-sm)}.skill-name{font-size:.85rem}.skill-meta{font-size:.7rem}.section-header{flex-direction:column;align-items:flex-start!important;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.section-title{font-size:1.5rem!important}.project-card{padding:var(--spacing-md) 0}.project-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.project-title{font-size:1.2rem}.project-desc{font-size:.9rem;line-height:1.5}.project-tags{flex-wrap:wrap}.tag{font-size:.65rem;padding:2px 6px}.timeline-item{padding-left:var(--spacing-sm);margin-bottom:var(--spacing-md)}.role{font-size:1rem}.duration{font-size:.75rem}.footer{padding:var(--spacing-md) var(--spacing-sm);font-size:.75rem}}@media(min-width:481px)and (max-width:768px){.container{padding:0 var(--spacing-md);border-left:none;border-right:none}.hero{grid-template-columns:1fr!important;gap:var(--spacing-lg)}.hero__content h1{font-size:2.5rem!important}.hero__content p{font-size:1.1rem}.code-window{font-size:.8rem}.grid-skills{grid-template-columns:repeat(3,1fr)!important}.cta-group{flex-direction:row}.btn{width:auto}.section-header{flex-direction:row;justify-content:space-between}.section-title{font-size:1.75rem!important}}@media(min-width:768px)and (max-width:1024px){.container{max-width:100%;padding:0 var(--spacing-md);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.hero{grid-template-columns:1fr 1fr!important;gap:var(--spacing-md)}.hero__content h1{font-size:3rem!important}.grid-skills{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:1024px)and (max-width:1366px){.container{max-width:1024px}.hero__content h1{font-size:3.5rem}}@media(min-width:1366px){.container{max-width:1200px}}@media print{.terminal-overlay,.terminal-toggle-btn{display:none!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}