body{color:#fff;scroll-behavior:smooth;background-color:#1a1a1a;margin:0;font-family:Space Grotesk,sans-serif}html{scroll-behavior:smooth}.navbar-custom{z-index:1000;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.logo{cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.nav-links{gap:100px;display:flex}.nav-links a{color:#fff;font-size:20px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.nav-links a:hover{transform:scale(1.1)}.nav-links a:after{content:"";transform-origin:0;background:#fff;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.burger{cursor:pointer;color:#fff;font-size:28px;display:none}@media (width<=1024px){.burger{display:block}.nav-links{text-align:center;background:#1a1a1a;flex-direction:column;align-items:center;gap:20px;width:150px;padding:20px;transition:transform .3s;position:absolute;top:70px;right:0;transform:translate(100%)}.nav-links a{text-align:center;width:100%}.nav-links a:after{transform-origin:50%}.nav-links.active{transform:translate(0)}}.hero{flex-direction:column;padding:0 100px;display:flex}.hero-title{text-align:center;margin-bottom:60px}.hero-title h1{font-size:64px;font-weight:700;line-height:1.1}.hero-content{justify-content:space-between;align-items:center;gap:80px;display:flex}.hero-left{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.hero-left p{text-align:center;max-width:600px;font-size:20px;line-height:1.7}.btn-hero{color:#fff;margin-top:30px;font-size:20px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block;position:relative}.btn-hero:hover{transform:scale(1.1)}.btn-hero:after{content:"";transform-origin:0;background:#fff;width:100%;height:2px;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.btn-hero:hover:after{transform:scaleX(1)}.hero-right{flex:1;justify-content:center;display:flex}.hero-right img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:320px;height:330px}@media (width<=1024px){.hero-content{text-align:center;flex-direction:column;padding:40px 20px}.hero-title h1{font-size:36px}.hero-left{order:1}.hero-left p{margin:0 auto}.hero-right{order:2}.hero-right img{width:220px;height:230px}}.projects{padding:100px}.projects h2{text-align:center;margin-bottom:60px;font-size:40px}.projects-container{justify-content:center;gap:40px;display:flex}.project-card{cursor:pointer;background:#404040;border-radius:10px;flex-direction:column;width:300px;padding:20px;font-family:Inter,sans-serif;transition:transform .3s;display:flex}.project-card:hover{transform:scale(1.05)}.project-card img{border-radius:8px;width:100%;margin-bottom:15px}.project-card p{text-align:center}.project-buttons{justify-content:center;gap:15px;margin-top:auto;display:flex}.mail-test{opacity:.75}.btn-project{color:#fff;background:#1a1a1a;border-radius:20px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .3s}.btn-project:hover{color:#1a1a1a;background:#00c896;transform:scale(1.05)}.project-card h3{text-align:center}@media (width<=1024px){.projects-container{flex-direction:column;align-items:center}.projects h2{font-size:30px}}.skills{padding:20px}.skills h2{text-align:center;margin-bottom:60px;font-family:Inter,sans-serif;font-size:40px}.skills-container{justify-content:center;gap:40px;display:flex}.skill-card{background:#404040;border-radius:10px;width:300px;padding:25px;transition:transform .3s}.skill-card:hover{transform:scale(1.05)}.skill-card h3{color:#00c896;text-align:center;margin-bottom:20px;font-size:24px}.skill-card ul{padding:0;list-style:none}.skill-card li{margin-bottom:10px;margin-left:20px;padding-left:20px;font-family:Inter,sans-serif;font-size:18px;font-weight:700;position:relative}.skill-card li:before{content:"";background:#00c896;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}@media (width<=1024px){.skills-container{flex-direction:column;align-items:center;gap:30px}.skills h2{font-size:30px}}.contact{padding:100px;font-family:Inter,sans-serif}.contact h2{text-align:center;margin-bottom:60px;font-size:40px}.contact-container{justify-content:space-between;gap:60px;display:flex}.contact-left{flex:1}.contact-intro{margin-bottom:20px;font-size:18px}.contact-links{flex-direction:column;gap:20px;display:flex}.contact-links a{color:#fff;width:fit-content;font-weight:600;text-decoration:none;transition:transform .2s;position:relative}.contact-links a:hover{transform:scale(1.05)}.icon{padding-right:10px;font-size:16px;position:relative;top:3px}.contact-right{flex:1}.contact-form{flex-direction:column;gap:15px;width:100%;max-width:600px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#404040;border:none;border-radius:8px;padding:15px;font-size:16px}.btn-submit{color:#fff;cursor:pointer;background:#404040;border:none;border-radius:25px;align-self:center;margin-top:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.btn-submit:hover{color:#1a1a1a;background:#00c896;transform:scale(1.05)}@media (width<=1024px){.contact-container{text-align:center;flex-direction:column;align-items:center}.contact-left,.contact-right{width:100%;max-width:400px}.contact h2{font-size:30px}}