:root{--bg:#121212;--panel:#1e1e1e;--panel-2:#2a2a2a;--text:#f0f0f0;--muted:#aaa;--accent:#1abc9c;--accent-2:#2c3e50;--brand:#0f0}html{scroll-behavior:smooth}*{box-sizing:border-box}body{background:#121212;background:var(--bg);color:#f0f0f0;color:var(--text);font-family:Segoe UI,Tahoma,sans-serif;line-height:1.6;margin:0}.hero{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);background:linear-gradient(135deg,var(--panel),var(--panel-2));color:#fff;padding:60px 20px;text-align:center}.hero span{color:#0f0;color:var(--brand)}.btn{border-radius:10px;box-shadow:0 4px 14px #00000040;color:#181818;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.btn,.btn:hover{background:#0f0;background:var(--brand)}.btn:hover{box-shadow:0 10px 24px #00000059;transform:scale(1.05)}.btn.small{border-radius:8px;font-size:.9rem;padding:8px 14px}nav{background:#1e1e1e;background:var(--panel);border-bottom:1px solid #222;position:-webkit-sticky;position:sticky;top:0;z-index:1000}nav ul{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;list-style:none;margin:0;padding:10px 0}nav a{border-radius:8px;color:#f0f0f0;color:var(--text);padding:10px 12px;text-decoration:none;transition:background .25s ease,transform .25s ease}nav a:hover{background:#1abc9c;background:var(--accent);transform:translateY(-1px)}.container{background:#1e1e1e;background:var(--panel);border-radius:16px;box-shadow:0 2px 8px #0000004d;margin:40px auto;max-width:980px;opacity:0;padding:24px;transform:translateY(30px);transition:all .8s ease}.container.visible{opacity:1;transform:translateY(0)}h2{color:#0f0;color:var(--brand);margin:0 0 14px}.project-card{background:#2a2a2a;background:var(--panel-2);border-radius:14px;box-shadow:0 2px 8px #0006;display:flex;flex-wrap:wrap;gap:0;margin-bottom:20px;opacity:0;overflow:hidden;transform:translateY(30px);transition:all .8s ease}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{box-shadow:0 12px 26px #00000073;transform:scale(1.02)}.project-img{height:200px;max-width:300px;object-fit:cover;width:100%}.project-info{flex:1 1;padding:20px}.project-info h3{color:#0f0;color:var(--brand);margin:0 0 8px}.project-info p{color:#ddd;margin:8px 0}.skills-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skills-grid span{background:#2c2c2c;border:1px solid #333;border-radius:10px;color:#f0f0f0;color:var(--text);display:block;font-weight:700;padding:12px;text-align:center;transition:box-shadow .3s ease,transform .3s ease,background .3s ease}.skills-grid span:hover{background:#2f3435;box-shadow:0 0 10px #1abc9c,0 0 20px #1abc9c;box-shadow:0 0 10px var(--accent),0 0 20px var(--accent);transform:scale(1.05)}footer{background:#1e1e1e;background:var(--panel);border-top:1px solid #222;color:#aaa;color:var(--muted);margin:30px 0 0;padding:18px;text-align:center}@media (max-width:768px){.contact-cards{align-items:stretch;flex-direction:column;gap:16px}.contact-card{flex:1 1 100%;width:100%}nav ul{align-items:stretch;flex-direction:column;gap:6px}nav a{display:block;font-size:1rem;margin:0 4px;padding:10px 0;text-align:center}.project-card{align-items:center;flex-direction:column;text-align:center}.project-img{display:block;margin:0 auto}.project-info{padding:16px 8px}}a,nav a{background:#ffffff0d;border-radius:8px;color:#0f0;color:var(--brand);font-weight:700;padding:10px 12px;text-decoration:underline;transition:background .25s,color .25s,box-shadow .25s}.btn.small:visited,.btn:visited{background:#0f0;background:var(--brand);color:#181818}.contact-cards{align-items:stretch;display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;padding-bottom:10px}.contact-card{background:#2a2a2a;background:var(--panel-2);border-radius:14px;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;flex:1 1;min-width:0;padding:32px 20px;text-align:center;width:300px}.contact-icon{color:#0f0;color:var(--brand);margin-bottom:12px}.contact-card h3{color:#0f0;color:var(--brand);margin:10px 0 8px}.contact-card p{color:#f0f0f0;color:var(--text);margin-bottom:18px}.hero h1{font-size:2.5rem;margin:0 0 28px}.hero .tagline{font-size:1.2rem;margin:0 0 8px}
/*# sourceMappingURL=main.7c7fba32.css.map*/