:root{--primary-color:#3498db;--secondary-color:#2c3e50;--light-color:#ecf0f1;--dark-color:#2c3e50}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.dark-theme{background-color:#1a1a2e;color:#f8f9fa}.dark-theme .card,.dark-theme .navbar,.dark-theme footer{background-color:#16213e!important;color:#f8f9fa!important}.dark-theme .card{border-color:#0f3460}.dark-theme .skills-section{background-color:#0f3460!important}.navbar{background-color:var(--secondary-color)}.navbar-brand,.nav-link{color:white!important}.profile-img{width:200px;height:200px;object-fit:cover;border:5px solid white;box-shadow:0 5px 15px rgba(0,0,0,.1)}.header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:3rem 0;margin-bottom:2rem}.section-title{color:var(--secondary-color);margin-bottom:2rem;position:relative;padding-bottom:.5rem}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--primary-color)}.dark-theme .section-title{color:var(--light-color)}.tech-icon{width:50px;height:50px;margin:0 auto;display:block}.card{transition:transform .3s,box-shadow .3s;margin-bottom:20px;height:100%;border:none;box-shadow:0 4px 8px rgba(0,0,0,.1)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.project-img{height:200px;object-fit:cover;border-bottom:1px solid rgba(0,0,0,.1)}.contact-btn{margin:5px;min-width:120px}.whatsapp-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background-color:#25D366;color:white;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000}footer{background-color:var(--secondary-color);color:white;padding:1.5rem 0;margin-top:2rem}.dark-theme footer{background-color:#0f3460!important}.skills-section{background-color:#e9ecef;padding:3rem 0;border-radius:10px;margin-bottom:2rem}.dark-theme .skills-section{background-color:#0f3460!important}.skill-card{background-color:white;border-radius:8px;padding:1.5rem;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease;height:100%}.dark-theme .skill-card{background-color:#1a1a2e;color:white}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.skill-category{margin-bottom:2.5rem}.skill-category-title{color:var(--secondary-color);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;margin-bottom:1.5rem;font-size:1.25rem}.dark-theme .skill-category-title{color:var(--light-color);border-bottom-color:var(--primary-color)}.projects-section{background-color:#e9ecef;padding:3rem 0;border-radius:10px}.dark-theme .projects-section{background-color:#1a1a2e!important}.project-card{background-color:white;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.1)}.dark-theme .project-card{background-color:#16213e;color:#f8f9fa;border:1px solid #0f3460}.project-card-body{padding:1.5rem}.project-card-title{color:var(--secondary-color);margin-bottom:1rem}.dark-theme .project-card-title{color:#f8f9fa}.project-card-text{color:#555;margin-bottom:1.5rem}.dark-theme .project-card-text{color:#ddd}.btn-outline-primary{border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .btn-outline-primary{border-color:#3498db;color:#3498db}.dark-theme .btn-outline-primary:hover{background-color:#3498db;color:white}.hero{position:relative;color:white;background-image:linear-gradient(120deg,rgba(52,152,219,.9),rgba(44,62,80,.85)),url('../image/bakground-code.gif');background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.25)}.hero .hero-content{position:relative;z-index:2}.hero .profile-img{width:220px;height:220px;border:6px solid rgba(255,255,255,.9);box-shadow:0 8px 30px rgba(0,0,0,.4)}.hero .btn-outline-light{border-color:rgba(255,255,255,.8);color:white}.hero .btn-outline-light:hover{background:rgba(255,255,255,.1);color:white}@media (max-width:767px){.hero{padding:2rem 0}.hero .profile-img{width:160px;height:160px}}.testimonials{padding:3rem 0}.testimonial-card{border-radius:8px;padding:1.5rem;background:white;box-shadow:0 6px 20px rgba(0,0,0,.08)}.testimonial-quote{font-style:italic;color:#555}