@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg: #ffffff;--text: #000000;--border: #000000;--accent: #22c55e}[data-theme=dark]{--bg: #000000;--text: #ffffff;--border: #ffffff;--accent: #22c55e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Press Start 2P",monospace;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section{padding:56px 16px;text-align:center}.section h2{margin-bottom:32px}.section:first-of-type{padding-top:120px}.navbar-wrapper{position:fixed;top:10px;left:10px;right:10px;z-index:100}.navbar{height:42px;padding:0 10px;display:flex;justify-content:space-between;align-items:center;background:var(--bg);border:3px solid var(--border);transition:transform .3s ease}.navbar.show{transform:translateY(0)}.navbar.hide{transform:translateY(-120%)}.icon-btn{width:32px;height:32px;border:2px solid var(--border);background:none;color:var(--text);font-family:inherit;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-panel{position:absolute;top:52px;right:0;width:180px;padding:28px 10px 10px;background:var(--bg);border:3px solid var(--border);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.menu-panel.menu-show{opacity:1;transform:translateY(0);pointer-events:auto}.menu-panel.menu-hide{opacity:0;transform:translateY(-6px);pointer-events:none}.menu-panel ul{list-style:none;padding:0;margin:0}.menu-panel li{padding:8px 6px;font-size:9px;border-bottom:2px solid var(--border);cursor:pointer}.menu-panel li:last-child{border-bottom:none}.close-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border:2px solid var(--border);background:var(--bg);font-family:inherit;font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-icon{transition:transform .35s ease}.rotate-open{transform:rotate(90deg)}.rotate-close{transform:rotate(0)}.hero{padding-bottom:40px}.hero-box{display:flex;flex-direction:column;align-items:center;gap:16px}@media (min-width: 768px){.hero-box{flex-direction:row;justify-content:center;gap:32px;text-align:left}}.hero-info h1{margin:0 0 8px}.avatar{width:160px;height:160px;object-fit:cover;border:4px solid var(--border);margin-bottom:16px}.status{border:3px solid var(--border);padding:8px 16px;display:inline-block;margin-bottom:12px}.tagline{font-size:10px;opacity:.8}.grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:1100px;margin:0 auto}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.project-card{height:240px;border:4px solid var(--border);padding:16px;display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;background:var(--bg)}.project-title{font-size:12px;text-align:center}.project-desc{font-size:10px;line-height:1.6;text-align:center;opacity:.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-meta{font-size:10px;display:flex;justify-content:space-between}.project-btn{margin-top:6px;padding:10px 0;width:100%;border:3px solid var(--border);text-align:center;font-size:10px}.about-wrapper{display:grid;grid-template-columns:1fr;gap:24px;max-width:900px;margin:0 auto;align-items:center}.about-photo img{width:180px;height:180px;object-fit:cover;border:4px solid var(--border);margin:0 auto;display:block}.about-content{border:4px solid var(--border);padding:20px;text-align:left}.about-name{margin-bottom:12px}.about-bio{font-size:10px;line-height:1.8;margin-bottom:16px}.about-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:9px;margin-bottom:16px}.about-link{display:inline-block;padding:8px 12px;border:3px solid var(--border);font-size:9px}.about-link:active{transform:translateY(1px)}@media (min-width: 768px){.about-wrapper{grid-template-columns:auto 1fr;gap:32px}.about-photo img{margin:0}}.btn{display:block;margin:14px auto;padding:16px;border:4px solid var(--border);max-width:320px;background:var(--bg)}.btn.green{background:#22c55e;color:#000}.btn.pink{background:#ec4899;color:#fff}.btn.dark{background:#111;color:#fff}.skills-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.skills-grid{grid-template-columns:1fr 1fr}}.skill{max-width:520px;margin:0 auto}.skill-header{display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;line-height:1;height:20px;margin-bottom:14px}.bar{height:18px;border:3px solid var(--border);padding:2px}.fill{height:100%;background:var(--text);transition:width .6s ease}footer{padding:32px 16px;font-size:9px;opacity:.6;text-align:center}