:root{--bg: #0F172A;--card: #1E293B;--mint: #6EE7B7;--cyan: #38BDF8;--yellow: #FACC15;--lav: #A78BFA;--text: #E2E8F0;--muted: #94A3B8}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:"Press Start 2P",sans-serif}header{position:sticky;top:0;z-index:100;background:#0f172acc;backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.05)}nav{max-width:1100px;margin:auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:8px}.nav-left img.avatar{width:32px;height:32px;border:2px solid var(--mint);border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-left img.avatar:hover{transform:translateY(-2px);box-shadow:2px 2px #0000004d}.nav-left .name-social{display:flex;align-items:center;gap:4px}.nav-left .name-social h1{font-size:12px;color:var(--mint);line-height:1}.nav-left .name-social img.github-icon{width:16px;height:16px;cursor:pointer;filter:invert(100%);transition:transform .2s}.nav-left .name-social img.github-icon:hover{transform:translateY(-2px)}.nav-right{display:flex;align-items:center;gap:16px;position:relative}nav ul{display:flex;list-style:none;gap:24px}nav ul li a{font-family:"Press Start 2P",sans-serif;font-size:12px;transition:color .3s}nav ul li a:hover,nav ul li a.active{color:var(--cyan)}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;z-index:102}.hamburger span{width:24px;height:2px;background:var(--text);transition:all .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}@media (max-width: 768px){nav{flex-direction:row;align-items:center;justify-content:space-between}nav ul{display:none}.hamburger{display:flex}nav ul.show{display:flex;position:fixed;top:60px;left:0;width:100%;height:auto;background:#0f172af2;backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding:25px 20px;z-index:101;margin:0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 10px 20px #0003}.nav-left{gap:6px}.nav-left img.avatar{width:28px;height:28px}.nav-left .name-social h1{font-size:11px}}section{padding:80px 16px;max-width:1100px;margin:auto}h2{font-size:16px;text-align:center;margin-bottom:24px;color:var(--cyan)}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.project-card{background:var(--card);border:2px solid rgba(255,255,255,.05);transition:all .3s;overflow:hidden;position:relative}.project-card:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 10px 20px #38bdf826}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-content{padding:16px}.project-card h3{font-size:12px;margin-bottom:8px;color:var(--cyan)}.project-card p{font-size:14px;color:var(--muted);margin-bottom:12px;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{font-family:"Press Start 2P",sans-serif;font-size:8px;padding:4px 8px;background:#38bdf81a;color:var(--cyan);border:1px solid rgba(56,189,248,.2)}@media (max-width: 768px){.projects{grid-template-columns:1fr}.project-image{height:180px}}#skills{text-align:center}.skills-list{display:grid;grid-template-columns:repeat(1,auto);gap:12px 80px;justify-content:center;margin:24px auto 0;list-style:none;padding-left:0;max-width:900px}.skills-list li{position:relative;padding-left:16px;font-family:"Press Start 2P",sans-serif;font-size:12px;color:var(--text);text-align:left}.skills-list li:before{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;background:var(--mint);box-shadow:1px 1px #0000004d}@media (min-width: 1024px){.skills-list{grid-template-columns:repeat(3,auto);gap:16px 120px}}@media (min-width: 768px) and (max-width: 1023px){.skills-list{grid-template-columns:repeat(2,auto);gap:14px 100px}}.home{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:40px 20px}.home p{max-width:600px;color:var(--muted);line-height:1.6;margin-bottom:16px}.buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:12px}.btn{display:inline-block;padding:12px 24px;font-family:"Press Start 2P",sans-serif;font-size:12px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:0;box-shadow:2px 2px #0000004d}.btn-mint{background:var(--mint);color:#0f172a}.btn-lav{background:var(--lav);color:#fff}.btn:hover{transform:translateY(-3px);box-shadow:3px 3px #0000004d}.exp-edu-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:24px}.exp-card{background:var(--card);border:2px solid rgba(255,255,255,.05);padding:16px;border-radius:0;min-width:250px;flex:1;font-family:"Press Start 2P",sans-serif;color:var(--text);box-shadow:2px 2px #0000004d}.exp-card h3{color:var(--mint);font-size:12px;margin-bottom:12px}.exp-card ul li{font-size:12px;margin-bottom:12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.exp-card ul li .year{font-size:10px;color:var(--muted);margin-left:16px}form{display:grid;gap:12px;max-width:500px;margin:auto;background:var(--card);padding:24px;border-radius:0;border:2px solid rgba(255,255,255,.05)}input,textarea{width:100%;padding:12px;background:#0b1226;border:1px solid rgba(255,255,255,.1);color:var(--text);font-family:Inter,sans-serif;border-radius:0}button[type=submit]{background:var(--mint);color:#0f172a;font-family:"Press Start 2P",sans-serif;padding:12px;border:none;cursor:pointer;transition:all .2s;border-radius:0;box-shadow:2px 2px #0000004d}button[type=submit]:hover{background:var(--cyan)}footer{text-align:center;padding:20px;font-size:14px;color:var(--muted);border-top:1px solid rgba(255,255,255,.05);margin-top:60px}@media (max-width: 768px){.hero{padding:60px 16px}.hero h1{font-size:16px}.hero p,h2{font-size:14px}.project-card p{font-size:13px}}@media (max-width: 480px){nav .nav-left p.title{font-size:9px}nav ul li a{font-size:10px}.btn{font-size:10px;padding:10px 16px}.hero h1{font-size:14px}.hero p{font-size:13px}}