:root{--bg-primary: #0a0a12;--bg-secondary: #12121a;--bg-window: #1a1a2e;--border-color: #00ffcc;--border-dim: #006655;--text-primary: #00ffcc;--text-secondary: #88ffee;--text-dim: #447766;--accent-green: #00ff00;--accent-red: #ff4444;--accent-yellow: #ffff00;--accent-blue: #4488ff;--font-pixel: "Press Start 2P", monospace;--font-terminal: "VT323", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-terminal);background-color:var(--bg-primary);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23003322' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:var(--text-primary);min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);z-index:9999}.window{background:var(--bg-window);border:2px solid var(--border-color);position:relative}.window:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--border-dim);pointer-events:none}.window-title{font-family:var(--font-pixel);font-size:.65rem;color:var(--text-primary);padding:4px 8px;border-bottom:1px solid var(--border-dim);display:flex;align-items:center;gap:8px}.window-title:before{content:"[ "}.window-title:after{content:" ]"}.window-content{padding:12px}.app-container{max-width:1400px;margin:0 auto;padding:20px}.main-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.column{display:flex;flex-direction:column;gap:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;margin-bottom:20px;font-family:var(--font-pixel);font-size:.7rem}.header-link{color:var(--text-primary);text-decoration:none;cursor:pointer;transition:color .2s}.header-link:hover{color:var(--accent-green)}.language-switch{display:flex;align-items:center;gap:10px}.language-switch span{color:var(--text-dim)}.language-switch select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:4px 8px;font-family:var(--font-pixel);font-size:.6rem;cursor:pointer}.profile-image{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--border-color);filter:contrast(1.1) saturate(.9)}.profile-name{font-family:var(--font-pixel);font-size:1rem;color:var(--accent-blue);margin:12px 0}.profile-bio{font-size:1.2rem;line-height:1.8;margin-bottom:16px}.profile-likes-title{color:var(--accent-green);font-size:1.1rem;margin-bottom:8px}.profile-likes-list{list-style:none;padding-left:16px}.profile-likes-list li{position:relative;padding-left:16px;margin-bottom:6px;font-size:1.1rem}.profile-likes-list li:before{content:">";position:absolute;left:0;color:var(--text-dim)}.contact-email{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:1.1rem}.copy-btn{background:none;border:1px solid var(--border-dim);color:var(--text-dim);padding:4px 8px;cursor:pointer;font-family:var(--font-terminal);transition:all .2s}.copy-btn:hover{border-color:var(--border-color);color:var(--text-primary)}.contact-button{width:100%;background:var(--accent-green);color:var(--bg-primary);border:none;padding:12px;font-family:var(--font-terminal);font-size:1.2rem;cursor:pointer;transition:all .2s}.contact-button:hover{background:var(--text-primary)}.skill-item{display:flex;align-items:center;margin-bottom:8px;padding:8px 0;border-bottom:1px solid var(--border-dim)}.skill-nav{color:var(--text-dim);cursor:pointer;padding:0 8px;-webkit-user-select:none;user-select:none}.skill-nav:hover{color:var(--text-primary)}.skill-name{flex:1;text-align:center;font-size:1.1rem}.skill-highlighted{color:var(--accent-green)}.skills-hint{text-align:center;color:var(--text-dim);font-size:.85rem;margin-top:8px;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.languages-list{display:flex;flex-direction:column;gap:8px}.language-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-dim)}.language-item:last-child{border-bottom:none}.language-name{color:var(--text-primary);font-size:1.1rem}.language-level{color:var(--accent-green);font-family:var(--font-pixel);font-size:.6rem}.location-place{font-family:var(--font-pixel);font-size:.9rem;margin-bottom:8px}.location-time{display:flex;align-items:center;gap:10px}.location-clock{color:var(--accent-green);font-family:var(--font-pixel);font-size:.7rem}.location-label{color:var(--text-dim);font-size:1rem}.location-flag{width:20px;height:14px;background:linear-gradient(180deg,#fff 50%,#bc002d 50%);border:1px solid var(--border-dim);margin-left:auto}.links-container{display:flex;gap:12px;justify-content:center}.link-item{width:60px;height:60px;border:2px solid var(--accent-green);display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;font-size:1.5rem;transition:all .2s}.link-item svg{width:28px;height:28px;fill:currentColor}.link-item:hover{background:var(--accent-green);color:var(--bg-primary)}.projects-header{font-family:var(--font-pixel);font-size:.7rem;color:var(--accent-green);margin-bottom:12px}.project-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-dim);cursor:pointer;transition:all .2s}.project-item:hover{border-color:var(--border-color);background:var(--bg-window)}.project-item.active{border-color:var(--accent-blue);background:#4488ff1a}.project-icon{width:40px;height:40px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.project-info{flex:1}.project-label{display:flex;align-items:center;gap:8px;font-size:1.1rem}.project-label:before{content:"►";color:var(--accent-green);font-size:.8rem}.project-desc{color:var(--text-dim);font-size:.95rem;margin-top:4px}.project-arrow{color:var(--text-dim);font-size:1.2rem}.project-count{color:var(--text-dim);font-size:.9rem;margin-left:8px}@media(max-width:1024px){.main-grid{grid-template-columns:1fr 1fr}.column:nth-child(3){grid-column:span 2}}@media(max-width:768px){.main-grid{grid-template-columns:1fr}.column:nth-child(3){grid-column:span 1}.header{flex-direction:column;gap:10px}.app-container,.window-content{padding:10px}.profile-image{max-width:280px;margin:0 auto;display:block}.profile-name{font-size:.85rem;text-align:center}.profile-bio{font-size:1rem}.skill-name{font-size:.95rem}.contact-email{flex-direction:column;gap:8px;text-align:center}.copy-btn{align-self:center}}@media(max-width:480px){html{font-size:14px}.header{padding:8px 12px;font-size:.6rem}.window-title{font-size:.55rem}.profile-likes-list li{font-size:.95rem}.link-item{width:50px;height:50px;font-size:1.2rem}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--border-color)}50%{box-shadow:0 0 15px var(--border-color),0 0 30px var(--border-dim)}}.cursor-blink:after{content:"_";animation:blink 1s infinite}.window{animation:fadeInUp .5s ease-out}.column:nth-child(1) .window{animation-delay:0s}.column:nth-child(2) .window:nth-child(1){animation-delay:.1s}.column:nth-child(2) .window:nth-child(2){animation-delay:.2s}.column:nth-child(3) .window:nth-child(1){animation-delay:.15s}.column:nth-child(3) .window:nth-child(2){animation-delay:.25s}.column:nth-child(3) .window:nth-child(3){animation-delay:.35s}.window:hover{border-color:var(--text-secondary)}.skill-name{transition:opacity .2s ease}.project-item:hover .project-icon{transform:scale(1.1);transition:transform .2s ease}.project-icon{transition:transform .2s ease}.project-item,.link-item,.contact-button,.copy-btn{transition:all .2s ease}.window{transition:border-color .3s ease}.footer{margin-top:40px;padding:20px;text-align:right;font-family:var(--font-terminal);font-size:1rem;color:var(--text-dim)}.footer-content{display:inline-flex;align-items:center;gap:4px}.footer-text{color:var(--text-dim)}.footer-cursor{color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background:var(--bg-window);border:2px solid var(--border-color);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-dim);position:sticky;top:0;background:var(--bg-window);z-index:1}.modal-title{font-family:var(--font-pixel);font-size:.8rem;color:var(--text-primary);margin:0}.modal-close{background:none;border:1px solid var(--border-dim);color:var(--text-dim);font-size:1.5rem;cursor:pointer;padding:0 8px;line-height:1;transition:all .2s}.modal-close:hover{border-color:var(--accent-red);color:var(--accent-red)}.modal-body{padding:16px}.modal-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.modal-period{color:var(--accent-green);font-family:var(--font-pixel);font-size:.6rem}.modal-role{color:var(--text-secondary);font-size:1rem}.modal-product-image{margin-bottom:16px;border:1px solid var(--border-dim);overflow:hidden}.modal-product-image a{display:block}.product-screenshot{width:100%;height:auto;display:block;transition:transform .3s ease}.product-screenshot:hover{transform:scale(1.02)}.modal-section{margin-bottom:16px}.modal-section h3{font-family:var(--font-pixel);font-size:.6rem;color:var(--accent-green);margin-bottom:8px;text-transform:uppercase}.modal-section p{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.modal-section ul{list-style:none;padding:0}.modal-section li{padding-left:16px;position:relative;margin-bottom:6px;font-size:1rem;color:var(--text-secondary)}.modal-section li:before{content:">";position:absolute;left:0;color:var(--text-dim)}.product-link{color:var(--accent-blue);text-decoration:none;font-size:1rem;transition:color .2s}.product-link:hover{color:var(--text-primary)}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:var(--bg-secondary);border:1px solid var(--border-dim);padding:4px 10px;font-size:.9rem;color:var(--text-secondary)}.mbti-badge{display:inline-block;background:var(--accent-green);color:var(--bg-primary);padding:8px 20px;font-family:var(--font-pixel);font-size:.8rem;font-weight:700}.project-item.clickable{cursor:pointer}.project-item.clickable:hover{border-color:var(--accent-green);background:#00ffcc0d}.project-item.clickable:hover .project-arrow{color:var(--accent-green)}@media(max-width:768px){.modal-content{max-height:85vh}.modal-title{font-size:.7rem}.modal-meta{flex-direction:column;gap:8px}}