html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Source Sans Pro,sans-serif;background-color:#0a0908;color:#eae0d5;font-family:Arial,Helvetica,sans-serif}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:0 10%}.hero h1{font-size:3rem;color:#c6ac8f}.hero h2{font-size:1.5rem;margin:10px 0;color:#eae0d5}.hero p{max-width:500px;line-height:1.6;color:#c6ac8f}.about{background-color:#22333b;padding:80px 10%}.about h2{font-size:2rem;margin-bottom:20px;color:#eae0d5}.about p{max-width:700px;line-height:1.6;color:#eae0d5}.skills{padding:80px 10%;background-color:#22333b}.skills h2{font-size:2rem;margin-bottom:30px;color:#eae0d5}.skills-list{display:grid;grid-template-columns:repeat(autofit,minmax(140px,1fr));gap:15px}.skill{background-color:#0a0908;border-radius:12px;padding:25px 10px;text-align:center;transition:all .2s ease}.skill i{font-size:2.5rem;color:#c6ac8f;margin-bottom:10px}.skill span{font-family:Montserrat,sans-serif;display:block;color:#eae0d5;font-size:.9rem}.skill:hover{transform:translateY(-5px);background-color:#22333b}.skills-list span{color:#c6ac8f;padding:10px 16px;border-radius:20px;font-size:.9rem;transition:all .2s ease;cursor:default}.projects{background-color:#22333b;padding:80px 10%}.projects h2{font-size:2rem;margin-bottom:40px;color:#eae0d5}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.project-card{background-color:#0a0908;border-radius:10px;overflow:hidden;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0006}.project-card img{width:100%;border-radius:10px;margin-bottom:15px}.project-card h3{color:#eae0d5;margin-bottom:10px}.project-card p{color:#c6ac8f;font-size:.9rem;margin-bottom:10px}.project-links{display:flex;gap:15px;margin-top:10px}.project-links a{font-family:Montserrat,sans-serif;text-decoration:none;background-color:#c6ac8f;color:#0a0908;padding:8px 14px;border-radius:6px;font-size:.85rem;transition:all .2s ease}.project-links a:hover{background-color:#eae0d5;transform:translateY(-2px)}.contact{background-color:#0a0908;padding:80px 10%}.contact h2{font-size:2rem;margin-bottom:20px;color:#eae0d5}.contact-text{margin-bottom:30px;color:#c6ac8f}.contact-links p{margin-bottom:10px;color:#eae0d5}.contact-links a{color:#c6ac8f;text-decoration:none;transition:all .2s ease}.contact-links a:hover{text-decoration:underline;color:#eae0d5}.footer{background-color:#0a0908;padding:20px;display:flex;justify-content:center;align-items:center}.footer p{color:#c6ac8f;font-size:.9rem}h1,h2,h3{font-weight:600px;font-family:Montserrat,sans-serif;margin-bottom:16px}p{font-weight:300px;font-family:Source Sans Pro,sans-serif;max-width:65ch}.navbar{position:fixed;top:0%;width:100%;background-color:#0a0908;display:flex;justify-content:space-between;align-items:center;padding:20px 10%;z-index:1000}.nav-logo{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2rem;color:#c6ac8f}.nav-links{font-family:Montserrat,sans-serif;list-style:none;display:flex;gap:30px}.nav-links a{text-decoration:none;color:#eae0d5;font-size:.9rem;position:relative}.nav-links a:after{content:"";position:absolute;width:0;height:2px;background-color:#c6ac8f;left:0;bottom:-5px;transition:width .2s ease}.nav-links a:hover:after{width:100%}.nav-links a.active{color:#c6ac8f}.nav-links a.active:after{width:100%}@media(max-width:768px){.hero,.about,.skills,.projects,.contact{padding:80px 6%}.navbar{flex-direction:column;gap:15px;justify-content:center;padding:20px 40px}.nav-links{gap:15px;flex-wrap:wrap;justify-content:center}.hero h1{font-size:2.2rem}.hero h2{font-size:1.2rem}.hero p{font-size:.95rem}.skills-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.projects-grid{grid-template-columns:1fr}.section{padding:60px 16px}}@media(max-width:480px){.hero h1{font-size:1.8rem}.hero h2,.nav-logo{font-size:1rem}.project-card{padding:15px}}@media(prefers-reduced-motion:reduce){.reveal{transition:none}}.reveal{opacity:0;transform:translateY(30px);transition:all .6s ease}.reveal.active{opacity:1;transform:translateY(0)}.section{padding:80px 20px}.card{padding:24px;border-radius:12px}button,.btn{padding:12px 24px;border-radius:8px;letter-spacing:.3px}