*{margin:0;padding:0}.header{background-color:#000;color:#d28133;width:100%;height:100px;font-size:40px}.header li{font-size:30px}.nav-bar{display:flex;padding:20px;justify-content:space-between;align-items:center;width:100%}.nav-bar .list{display:flex;list-style:none;gap:20px}.nav-bar .list li{padding:5px 0}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}.hamburger .bar{width:30px;height:4px;background-color:#d28133;transition:.3s ease-in-out}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.header{height:auto;font-size:30px;padding:10px 0;text-align:center}.nav-bar{flex-direction:row;justify-content:space-between;gap:10px;padding:10px}.header li{font-size:24px}.hamburger{display:flex;align-items:center;justify-content:center}.nav-bar .list{display:none;flex-direction:column;align-items:center;width:220px;position:absolute;top:100px;right:0;background-color:#000;padding:20px;z-index:999;border-radius:8px}.nav-bar .list.active{display:flex}}body{background:#111;color:#efbc49}.home{display:flex;justify-content:center;align-items:center;text-align:center;padding:5% 10%;flex-wrap:wrap;gap:50px;background:linear-gradient(35deg,#020202,#333);color:#fff;border-radius:15px;box-shadow:0 10px 30px #333}.home-content{max-width:600px;text-align:left;animation:fadeIn 1.5s ease-in-out}.home h1{font-size:3rem;font-weight:700;color:#f5b400;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}.home p{font-size:1.2rem;line-height:1.6;color:#ddd}.profile{width:100%;max-width:360px;height:auto;border-radius:50%;box-shadow:0 10px 20px #ffd7004d;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.profile:hover{transform:scale(1.05);box-shadow:0 15px 25px #ffd70080}.social-icons{margin-top:20px;display:flex;justify-content:center;gap:20px;font-size:1.8rem}.social-icons a{color:#d28133;transition:color .3s ease}.social-icons a:hover{color:#ffc400}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about{padding:80px 20px;background:linear-gradient(145deg,#0a0a0a,#1a1a1a);color:#fff}.about-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;flex-wrap:wrap;gap:40px}.about-container a{text-decoration:none;color:#d28133}.about-container a:visited{text-decoration:none;color:#d2b533}.about-text{flex:1;min-width:300px}.about h2{font-size:2.8rem;color:#fdd006;margin-bottom:20px}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#ccc}.about-text strong{color:#d28133}.about-image{flex:1;min-width:250px;text-align:center}.about-image img{width:250px;height:250px;border-radius:50%;object-fit:cover;border:4px solid #d28133;box-shadow:0 4px 20px #0006;transition:transform .3s ease-in-out}.about-image img:hover{transform:scale(1.05)}.projects{padding:50px;text-align:center}.projects h2{font-size:2.5rem;color:#fdd006;margin-bottom:20px}.projects-container{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:10px;width:100%;justify-content:center;align-items:center}.project-card{background:linear-gradient(135deg,#020202,#333);padding:15px;border:2px solid #fdd006;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:left;white-space:normal;overflow:hidden;word-wrap:break-word;width:250px;height:350px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.project-card p{font-size:15px}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.project-image{width:100%;height:150px;object-fit:cover;border-radius:8px}.project-links{padding-top:20px;display:flex;justify-content:space-between;margin-top:10px}.project-links a{text-decoration:none;color:#d28133;font-weight:700;transition:color .2s ease-in-out}.project-links a:hover{color:#d28133}@media (max-width: 1024px){.projects{padding:20px 0}.projects-container{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-left:20px;gap:20px;align-items:center;scroll-behavior:smooth;justify-content:flex-start}.project-card{flex:0 0 auto;scroll-snap-align:start;width:260px;height:360px;margin:0}}.projects-container::-webkit-scrollbar{display:none}.projects-container{scrollbar-width:none;-ms-overflow-style:none}.skills{text-align:center;padding:50px;background-color:#111;color:#fff}.skills h2{font-size:2.8rem;color:#fdd006;margin-bottom:20px}.skills-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;flex-direction:row}.skill-card{background:#222;padding:20px;border-radius:10px;text-align:center;transition:transform .3s ease-in-out;width:120px;flex:0 0 auto;scroll-snap-align:start}.skill-card:hover{transform:translateY(-5px)}.icon{font-size:3rem;color:#d28133}.skill-card p{margin-top:10px;font-weight:700}@media (max-width: 768px){.skills{padding:20px 0}.skills-container{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-left:20px;gap:20px;align-items:center;scroll-behavior:smooth;justify-content:flex-start}.skill-card{flex:0 0 auto;scroll-snap-align:start;width:100px;height:100px;margin:0}}.contact-container h2{margin:auto;font-size:2.8rem;color:#fdd006;text-align:center}.contact-container{max-width:400px;margin:auto;padding:20px;text-align:center}.contact-container form{padding:30px;display:flex;flex-direction:column;gap:10px}.contact-container input,.contact-container textarea{width:100%;padding:10px;border:1px solid #434341;border-radius:5px}.contact-container textarea{height:120px}.contact-container button{padding:10px;background-color:#d28133;color:#fff;border:none;cursor:pointer;margin:auto;border-radius:10px}.contact-container button:hover{background-color:#b9652d}.footer{background-color:#111;color:#ccc;text-align:center;padding:30px 10px;margin-top:80px;border-top:1px solid #333}.footer-content{max-width:800px;margin:0 auto}.footer-links{margin-top:10px;display:flex;justify-content:center;gap:25px}.footer-links a{color:#d28133;text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.footer-links a:hover{color:#fdd006}@media (max-width: 768px){.home{flex-direction:column;text-align:center}.home-content{padding:3% 5%}.home h1{font-size:2rem}.home p{font-size:1rem}}