:root{--bg-color: #0b0c10;--surface-color: #1f2833;--text-primary: #c5c6c7;--text-secondary: #66fcf1;--border-color: #45a29e;--grid-line: rgba(69, 162, 158, .1);--font-main: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;border-radius:0!important}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}body{background-color:var(--bg-color);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;background-position:center top;color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;min-height:100vh}a{text-decoration:none;color:inherit;transition:.3s ease}h1,h2,h3{font-weight:700;letter-spacing:-.5px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}@media (max-width: 768px){.hero-container,.bio-container,.printer-container,div[style*="max-width: 1200px"]{padding:1rem!important;width:100%!important;max-width:100vw!important}.bio-grid,.navbar{display:flex!important;flex-direction:column!important;gap:2rem!important}.bio-img{width:100%!important;height:auto!important;max-width:300px;margin:0 auto}div[style*="display: grid"],.printer-grid{display:grid!important;grid-template-columns:1fr!important;gap:2rem!important}h1,h2,.hero-title,.bio-name{font-size:2.5rem!important;word-wrap:break-word}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0b0c10e6;border-bottom:2px solid var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:sticky;top:0;z-index:100}.nav-brand{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.prompt{color:var(--text-secondary);margin-right:5px}.nav-links{display:flex;gap:1.5rem}.nav-item{font-size:.9rem;color:var(--border-color);letter-spacing:1px}.nav-item:hover,.nav-item.active{color:var(--text-secondary);text-shadow:0 0 8px rgba(102,252,241,.4)}.homeLogo img{height:7vh;width:auto}.brand-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;transition:all .3s ease}.brand-link:hover{transform:translateY(-2px);text-shadow:0 0 8px var(--accent, #00ffff),0 0 15px var(--accent, #00ffff);color:#fff}.brand-link:hover svg{filter:drop-shadow(0 0 5px var(--accent, #00ffff));stroke:#fff}@media (max-width: 768px){.navbar{flex-direction:column;padding:1rem;gap:1rem}.nav-links{width:100%;justify-content:center;flex-wrap:wrap;gap:1rem}.nav-item{font-size:.85rem;padding:5px}.nav-brand{justify-content:center;width:100%}}.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;text-align:center;padding:2rem}.hero-title{font-size:clamp(4rem,13vw,12rem);color:var(--text-secondary);font-weight:900;line-height:1;margin:0;letter-spacing:-5px;min-height:1em}.hero-subtitle{color:var(--text-primary);font-size:clamp(1rem,2vw,1.5rem);max-width:800px;margin-top:2rem;line-height:1.6}.hero-footer{margin-top:3rem;font-family:monospace;color:var(--dim)}.cursor{display:inline-block;color:var(--text-secondary);animation:blink 1s step-end infinite;margin-left:5px;font-weight:100}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.retro-btn{display:inline-block;margin-top:20px;padding:10px 25px;border:2px solid #00ff00;color:#0f0;font-family:Courier New,monospace;text-decoration:none;font-weight:700;font-size:2rem;transition:.3s ease;cursor:pointer}.retro-btn:hover{background-color:#0f0;color:#000;box-shadow:0 0 15px #0f0}.card{background:#141419cc;border:1px solid #333;border-radius:8px;overflow:hidden;transition:transform .2s ease,border-color .2s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.card:hover{transform:translateY(-5px);border-color:#0ff}.card-image-container{width:100%;height:200px;background-color:#000;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-image{transform:scale(1.1)}.card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.card-title{margin:0;color:#fff;font-size:1.2rem}.card-subtitle{margin:5px 0 15px;color:#0ff;font-family:monospace;font-size:.9rem}.card-desc{color:#aaa;font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.tag{background:#00ffff1a;color:#0ff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-family:monospace}.expandText{color:#0ff;font-size:.9rem;cursor:pointer;margin-top:.5rem;align-self:flex-start}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050505d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#0b0c10;border:1px solid var(--border-color);border-top:4px solid var(--text-secondary);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 30px #66fcf126;animation:scaleUp .2s ease-out}.modal-header{display:flex;justify-content:space-between;padding:1rem;background:#1f283380;border-bottom:1px solid var(--border-color)}.modal-id{font-family:monospace;color:var(--dim)}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-main);font-weight:700}.close-btn:hover{text-decoration:underline}.modal-body{padding:0;display:flex;flex-direction:column}@media (min-width: 768px){.modal-body{flex-direction:row}.modal-image-container{width:50%;border-right:1px solid var(--border-color)}.modal-details{width:50%}}.modal-image-container{background:#000;display:flex;align-items:center;justify-content:center}.modal-img{width:100%;height:100%;object-fit:cover;display:block}.modal-details{padding:2rem}.modal-title{margin:0;color:var(--text-secondary);font-size:1.5rem}.modal-lang{display:block;font-family:monospace;color:var(--dim);margin-bottom:1.5rem;font-size:.8rem}.modal-desc{line-height:1.6;margin-bottom:2rem}.modal-specs{font-size:.8rem;font-family:monospace;border-top:1px dashed var(--border-color);padding-top:1rem;margin-bottom:2rem;color:var(--dim)}.modal-link{display:inline-block;background:var(--surface-color);color:var(--text-secondary);padding:10px 20px;border:1px solid var(--text-secondary);font-weight:700;font-size:.8rem}.modal-link:hover{background:var(--text-secondary);color:var(--bg-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95)}to{transform:scale(1)}}.bio-container{padding:2rem;max-width:1200px;margin:0 auto}.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.bio-name{font-size:2.5rem;margin:0;color:var(--text-primary);text-transform:uppercase;letter-spacing:-1px}.bio-role{color:var(--text-secondary);font-family:monospace;margin-top:.5rem;font-weight:400}.divider{height:1px;background:linear-gradient(90deg,var(--text-secondary),transparent);margin:1.5rem 0}.bio-paragraph{line-height:1.8;color:#a0a0a0;margin-bottom:1.5rem;font-size:1rem}.bio-paragraph2{line-height:1.8;color:#48ec1f;margin-bottom:1.5rem;font-size:1rem}.tech-readout{margin-top:3rem;border:1px solid var(--border-color);background:#1f283380;padding:1.5rem}.readout-title{display:block;color:var(--text-secondary);font-family:monospace;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem;margin-bottom:1rem}.skill-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.skill-list li:before{content:"> ";color:var(--text-secondary)}.bio-image-panel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px}.image-frame{position:relative;padding:10px;border:1px solid var(--border-color);background:#0000004d}.bio-img{width:100%;max-width:400px;height:auto;display:block;filter:grayscale(100%) contrast(1.2);transition:filter .3s ease}.bio-img:hover{filter:grayscale(0%) contrast(1)}.corner-top-right{position:absolute;top:-1px;right:-1px;width:20px;height:20px;border-top:3px solid var(--text-secondary);border-right:3px solid var(--text-secondary)}.corner-bottom-left{position:absolute;bottom:-1px;left:-1px;width:20px;height:20px;border-bottom:3px solid var(--text-secondary);border-left:3px solid var(--text-secondary)}.resume-btn{display:inline-block;padding:10px 30px;font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;text-decoration:none;text-align:center;border:2px solid var(--accent, #48ec1f);color:var(--accent, #48ec1f);background:transparent;transition:all .3s ease;cursor:pointer}.resume-btn:hover{background-color:var(--accent, #48ec1f);color:#000;box-shadow:0 0 15px var(--accent, #48ec1f)}.bio-link{color:var(--accent, #00ffff);text-decoration:none;font-weight:700;transition:all .3s ease;display:inline-block;position:relative}.bio-link:hover{text-shadow:0 0 8px var(--accent, #00ffff),0 0 15px var(--accent, #00ffff);transform:translateY(-2px);color:#fff}@media (max-width: 768px){.bio-grid{grid-template-columns:1fr;gap:2rem}.bio-image-panel{order:-1}}.printer-card{background:#1f283399;border:1px solid var(--border-color);margin-bottom:2rem;display:flex;flex-direction:column}.printer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0000004d;border-bottom:1px solid var(--border-color)}.printer-model{margin:0;color:var(--text-secondary);font-family:monospace;letter-spacing:1px}.status-indicator{display:flex;align-items:center;gap:10px}.status-text{font-size:.7rem;color:var(--dim);font-family:monospace}.status-dot{width:10px;height:10px;border-radius:50%}.printer-body{display:flex;flex-direction:row;padding:1.5rem;gap:2rem;border-bottom:1px solid var(--border-color)}.printer-img-container{flex:1;border:1px solid var(--border-color);padding:5px}.printer-img{width:100%;height:100%;object-fit:cover;display:block}.printer-specs{flex:1}.printer-specs h4,.printer-footer h4{margin-top:0;color:var(--dim);font-size:.8rem;border-bottom:1px dashed var(--border-color);padding-bottom:5px}.printer-specs ul{line-height:3;list-style:none;padding:0;font-family:monospace;font-size:1.5rem;color:var(--text-primary)}.printer-footer{padding:1.5rem;background:#0b0c1080}.log-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.log-list li{font-size:.85rem;color:#a0a0a0}.log-arrow{color:var(--text-secondary);font-weight:700}@media (max-width: 768px){.printer-body{flex-direction:column}.log-list{grid-template-columns:1fr}}
