:root{--bg-color:#1a1a1a;--bg-terminal:#121212;--bg-sidebar:#161616;--text-main:#dcd7ba;--text-dim:#54546d;--accent:#957fb8;--dir:#7e9cd8;--err:#e82424;--highlight:#ffa066}*{box-sizing:border-box;margin:0;padding:0}.app{color:var(--text-main);flex-direction:column;height:100vh;font-family:JetBrains Mono,monospace;font-size:clamp(.75rem,1vw,1rem);display:flex}.page-content{flex-direction:column;flex:1;padding:clamp(1rem,3vh,2.5rem) clamp(1rem,4vw,3.75rem);display:flex;overflow-y:auto}.section h1{color:var(--highlight);margin-bottom:1.25rem;font-size:clamp(1.5rem,2.5vw,2.25rem)}.section p{max-width:min(50rem,100%);font-size:clamp(.875rem,1.1vw,1.125rem);line-height:1.6}.skill-tag{color:var(--accent);background:#957fb81a;border:1px solid #957fb84d;border-radius:.25rem;padding:.25rem .625rem;font-size:clamp(.625rem,.8vw,.8rem);transition:all .2s}.skill-tag:hover{background:var(--accent);color:var(--text-main)}html,body{background-color:var(--bg-color);overscroll-behavior:none;width:100%;height:100%;overflow:hidden}.terminal-window{background:var(--bg-terminal);border-bottom:2px solid #2a2a2a;max-height:clamp(5rem,13vh,9rem);transition:all .3s;display:flex}.terminal-main{scrollbar-width:none;flex:1;padding:clamp(.4rem,1.2vh,1rem) 0 clamp(.4rem,1.2vh,1rem) clamp(.75rem,1.8vw,1.875rem);overflow-y:auto}.terminal-main::-webkit-scrollbar{display:none}.terminal-sidebar{background:var(--bg-terminal);flex-direction:row;flex-shrink:0;align-items:center;gap:.4rem;width:auto;padding:clamp(.4rem,1vh,.9rem);display:flex}.nav-btn{color:var(--dir);text-align:center;cursor:pointer;background:0 0;border:none;padding:.125rem .4rem;font-family:inherit;font-size:clamp(1rem,2vw,1.75rem);transition:all .2s}.nav-btn:hover{color:var(--text-main);background:var(--text-dim);border-radius:.75rem}.terminal-content{flex-direction:column;gap:.25rem;display:flex}.prompt-row,.terminal-input-row{align-items:center;gap:.5rem;display:flex}.line-prompt{white-space:nowrap;font-weight:700}.user,.at,.host{color:var(--accent)}.directory{color:var(--dir)}.separator{color:var(--text-main);margin-left:.125rem}.input-form{flex:1;display:flex}input{color:var(--text-main);font-family:inherit;font-size:inherit;caret-color:var(--highlight);background:0 0;border:none;outline:none;flex:1}.line{line-height:1.5}.dim{color:var(--text-dim)}.error{color:var(--err)}.help-row{gap:clamp(.5rem,1.2vw,1.25rem);font-size:clamp(.7rem,.95vw,.9rem);display:flex}.help-cmd{color:var(--dir);min-width:clamp(4rem,7vw,7.5rem)}.help-desc{color:var(--text-dim)}@media (width<=900px){.terminal-window{flex-direction:column;max-height:7rem}.terminal-sidebar{border-top:1px solid #2a2a2a;flex-wrap:wrap;order:-1;gap:.25rem;padding:.375rem .625rem}.nav-btn{border:1px solid #2a2a2a;border-radius:.375rem;padding:.25rem .5rem;font-size:.7rem}.terminal-main{padding:.5rem 0 .5rem .75rem}.line-prompt{font-size:.75rem}}@media (height<=500px) and (orientation:landscape){.terminal-window{max-height:4rem;overflow:hidden}.terminal-main{padding:.4rem 0 .4rem .75rem}.terminal-sidebar{padding:.3rem .5rem}.nav-btn{padding:.125rem .375rem;font-size:.8rem}}.about-text p{border-bottom:1px solid #2d2d2d;margin-bottom:1.25rem;padding-bottom:1.25rem}.about-text p:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.about-grid{grid-template-columns:1fr clamp(18.75rem,45vw,50rem);align-items:start;gap:clamp(1rem,2.5vw,2.5rem);margin-top:1.25rem;display:grid}.about-linux-window{background:#0f0f11;border:2px solid #2d2d2d;border-radius:.5rem;width:100%;box-shadow:.625rem .625rem #0003}.window-titlebar{background:#2d2d2d;align-items:center;height:2rem;padding:0 .75rem;display:flex}.window-title{color:#a1a1b5;text-align:center;flex:1;font-size:clamp(.75rem,1vw,1rem)}.window-content{padding:clamp(.75rem,1.5vw,1.5rem);font-size:clamp(.75rem,1vw,1rem)}.data-row{flex-direction:column;gap:.25rem;margin-bottom:1.25rem;display:flex}.data-row .key{color:var(--text-dim);letter-spacing:.0625rem;font-size:clamp(.75rem,1.1vw,1.05rem);font-weight:700}.data-row .val{color:var(--accent)}.val-list{color:var(--accent);flex-direction:column;gap:.125rem;margin-bottom:1.5rem;display:flex}.window-footer{color:var(--text-dim);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:.625rem;font-size:clamp(.625rem,.9vw,.9rem);display:flex}@media (width<=768px){.about-grid{grid-template-columns:1fr}}.skills-container{grid-template-columns:repeat(auto-fill,minmax(min(21.875rem,100%),1fr));gap:clamp(1rem,2vw,1.875rem);margin-top:1.25rem;display:grid}.skill-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e66;border:1px solid #2a2a2a;border-radius:.75rem;padding:clamp(.875rem,1.5vw,1.5rem);transition:all .2s}.skill-group:hover{border-color:var(--accent);transform:translateY(-.25rem);box-shadow:0 .75rem 2.5rem #957fb833}.skill-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.skill-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.skill-icon-svg{width:clamp(1rem,1.8vw,1.75rem);height:clamp(1rem,1.8vw,1.75rem);color:var(--text-dim);transition:all .2s;display:block}.skill-group:hover .skill-icon-svg{color:var(--accent)}.skill-title{color:var(--dir);font-size:clamp(1rem,1.6vw,1.5rem);transition:color .2s}.skill-group:hover .skill-title{color:var(--text-main)}.skill-description{color:var(--text-main);margin-bottom:1.25rem;font-size:clamp(.75rem,1vw,.9rem);line-height:1.4}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(31.25rem,100%),1fr));gap:clamp(1rem,1.8vw,1.75rem);margin-top:1.25rem;display:grid}.project-card{background:#1e1e1e66;border:1px solid #2a2a2a;border-radius:.75rem;transition:all .2s;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-.25rem);box-shadow:0 .75rem 2.5rem #957fb833}.project-image{aspect-ratio:16/9;cursor:default;background:#0f0f11;border-bottom:1px solid #2a2a2a;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-image-placeholder{color:var(--text-dim);font-size:.875rem}.project-body{flex-direction:column;gap:.875rem;padding:clamp(.875rem,1.5vw,1.5rem);display:flex}.project-header{justify-content:space-between;align-items:center;display:flex}.project-header-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.project-name{color:var(--dir);font-size:clamp(.875rem,1.3vw,1.25rem);font-weight:400}.project-badge{border:1px solid var(--text-dim);color:var(--text-dim);letter-spacing:.0625rem;border-radius:.25rem;padding:.1875rem .5rem;font-size:clamp(.6rem,.75vw,.7rem)}.project-description{color:var(--text-main);max-width:100%;font-size:clamp(.75rem,1vw,.9rem);line-height:1.7}.project-stack{flex-wrap:wrap;gap:.5rem;display:flex}.project-link{color:var(--accent);font-size:clamp(.8rem,1.1vw,1rem);text-decoration:none;transition:color .2s}.project-link:hover{color:var(--highlight)}.project-link-icon{color:var(--text-dim);align-items:center;transition:color .2s;display:flex}.project-link-icon:hover{color:var(--highlight)}.project-icon{width:clamp(1.25rem,2vw,2rem);height:clamp(1.25rem,2vw,2rem)}.modal-overlay{z-index:100;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{cursor:default;flex-direction:column;gap:.75rem;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-image{object-fit:contain;border-radius:.5rem;max-width:90vw;max-height:80vh}.modal-footer{justify-content:center;display:flex}.modal-title{color:var(--text-dim);font-size:clamp(.625rem,.9vw,.8rem)}.contact-links{flex-direction:column;gap:clamp(.75rem,1.5vw,1.75rem);max-width:min(43.75rem,100%);margin-top:clamp(1.25rem,3vh,2.5rem);display:flex}.contact-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e66;border:1px solid #2a2a2a;border-radius:.75rem;align-items:center;gap:clamp(.75rem,1.5vw,1.75rem);padding:clamp(.75rem,1.5vw,1.5rem) clamp(1rem,2vw,2rem);font-family:JetBrains Mono,monospace;text-decoration:none;transition:all .2s;display:flex}.contact-link:hover{border-color:var(--accent);background:#957fb81a;transform:translate(.5rem);box-shadow:0 .5rem 2rem #957fb826}.contact-text{flex-direction:column;gap:.375rem;display:flex}.contact-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.125rem;font-size:clamp(.625rem,.8vw,.8rem)}.contact-value{color:var(--dir);font-size:clamp(.875rem,1.5vw,1.4rem)}.contact-link:hover .contact-value{color:var(--accent)}.contact-icon svg{width:clamp(1.25rem,2vw,1.875rem);height:clamp(1.25rem,2vw,1.875rem);color:var(--dir)}.contact-link:hover .contact-icon svg{color:var(--accent)}@media (width<=768px){.contact-link:hover{transform:none}}.welcome-section{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.welcome-section .ascii-art{color:var(--accent);white-space:pre;text-align:center;margin:0 auto clamp(1.25rem,3vh,2.5rem);padding:0 .625rem;font-family:JetBrains Mono,monospace;font-size:clamp(.6rem,1.3vw,1.2rem);line-height:1.2;display:block}.welcome-section .user-info{justify-content:center;margin-top:clamp(1.25rem,4vh,3rem);display:flex}.welcome-section .terminal-block{flex-direction:column;gap:.25rem;display:flex}.welcome-section .line{align-items:center;margin:0;line-height:1.6;display:flex}.welcome-section .line.command-gap{margin-top:.75rem}.welcome-section .directory{color:var(--dir);font-size:clamp(1.5rem,2vw,3rem)}.welcome-section .separator{margin-left:.125rem;font-size:clamp(1.5rem,2vw,3rem)}.welcome-section .cmd{color:var(--text-main);font-size:clamp(1.5rem,2vw,3rem)}.welcome-section .output{color:var(--highlight);font-size:clamp(1.75rem,2.5vw,4rem);font-weight:700}.welcome-section .cursor{background:var(--highlight);vertical-align:middle;width:.125rem;height:clamp(.875rem,1.8vw,1.5rem);margin-left:.125rem;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=768px){.welcome-section .ascii-art{display:none}.welcome-section .user-info{margin-top:0}}