*{box-sizing:border-box}main{padding-top:60px}body{color:#f8fafc;background:#000;margin:0;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%}nav{z-index:1000;background:#020617;border-bottom:1px solid #1e293b;align-items:center;width:100%;height:60px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.logo{color:#fff;font-size:22px;font-weight:700;text-decoration:none}.links{gap:35px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.links a{color:#fff;text-decoration:none}.links a.active-page{color:#94a3b8}.menu-button{color:#fff;display:none}@media (width<=600px){.menu-button{cursor:pointer;color:#fff;background:0 0;border:none;margin-left:auto;font-size:26px;display:block}.links a{padding:15px 40px;font-size:24px}.links{z-index:999;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100vw;height:calc(100vh - 60px);transition:transform .3s;display:flex;position:fixed;top:60px;left:auto;right:0;transform:translate(100%)}.links.active{transform:translate(0)}}.home{flex-direction:column;align-items:center;width:100%;display:flex}.home-image{width:50%;height:auto;display:block}.intro{text-align:center;width:80%;max-width:900px;margin-top:60px;margin-bottom:60px}.intro p{color:#c5c5c5;font-size:18px;line-height:1.8}@media (width<=600px){.home-image{width:100%}.intro{width:90%;margin-top:10px}.intro p{font-size:16px;line-height:1.6}}.project-card{background:#111827;border-radius:12px;padding-bottom:20px;transition:transform .2s;overflow:hidden}.project-card:hover{transform:translateY(-5px)}.project-card img{object-fit:contain;width:100%;height:220px;padding-top:20px;display:block}.project-card h2{color:#fff;margin:0;padding:20px 20px 10px}.project-card p{color:#c5c5c5;padding:0 20px;line-height:1.6}.project-card a{color:#fff;border:1px solid #fff;border-radius:6px;margin:20px;padding:8px 15px;text-decoration:none;display:inline-block}.project-card a:hover{color:#000;background:#fff}.projects{min-height:100vh;padding:80px 40px}.projects h1{text-align:center;margin-bottom:50px;font-size:40px}.project-grid{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects{padding:80px 20px}.projects h1{font-size:32px}.project-grid{grid-template-columns:1fr;gap:25px}}.info{flex-direction:column;gap:80px;width:100%;padding:100px 10%;display:flex}.info-section{text-align:center;max-width:1000px;margin:auto}.info-section h1{margin-bottom:25px;font-size:40px}.info-section p{color:#c5c5c5;font-size:18px;line-height:1.8}.skills{justify-content:center;gap:30px;margin-top:40px;display:flex}.skill-card{background:#111827;border-radius:12px;width:250px;padding:30px}.skill-card h2{margin-bottom:20px;font-size:22px}.skill-card p{font-size:16px}.links-container{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.links-container a{color:#fff;background:#111827;border-radius:8px;padding:15px 25px;text-decoration:none}.links-container a:hover{opacity:.8}@media (width<=600px){.info{gap:50px;padding:90px 20px}.info-section h1{font-size:28px}.info-section p{font-size:16px}.skills{flex-direction:column;align-items:center;gap:20px}.skill-card{width:100%;max-width:350px}.links-container{flex-direction:column}.links-container a{width:100%}}