:root{--primary-color: #2c3e50;--secondary-color: #3498db;--text-color: #333;--background-color: #f8f9fa;--section-padding: 10px;--border-color: #ddd;--font-small: 14px;--font-medium: 18px;--font-large: 24px;--font-xl: 32px;--primary-font: "Arial", sans-serif;--heading-font: "Poppins", sans-serif}:root.dark-mode{--primary-color: #3498db;--secondary-color: #9b59b6;--text-color: #f8f9fa;--background-color: #121212;--border-color: #444}html,body{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--primary-font)}html,body{width:100%;height:100%;background-color:var(--background-color);color:var(--text-color)}body.dark-mode{background-color:var(--background-color)}.container{max-width:1500px;margin:0 auto;background-color:transparent}.slides{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:var(--section-padding);border-bottom:2px solid var(--border-color)}.slides:last-child{border-bottom:none}h1,h2,h3{font-family:var(--heading-font)}h1{font-size:var(--font-xl);color:var(--primary-color)}h2{font-size:var(--font-large);color:var(--secondary-color)}p{font-size:var(--font-medium);line-height:1.6}.button{background-color:var(--secondary-color);color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:var(--font-medium);cursor:pointer;transition:.3s}.button:hover{background-color:var(--primary-color)}a{text-decoration:none;color:var(--secondary-color)}a:hover{color:var(--primary-color)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode p{color:var(--text-color)}body.dark-mode .button{background-color:var(--primary-color)}body.dark-mode .button:hover{background-color:var(--secondary-color)}body.dark-mode a{color:var(--primary-color)}body.dark-mode a:hover{color:var(--secondary-color)}body.dark-mode .slides{border-bottom:2px solid var(--border-color)}.header{display:flex;align-items:center;justify-content:space-between;height:100vh;text-align:left;margin:0}.header-content{display:flex;align-items:center;width:100%;padding:20px;gap:10rem}.text{flex:1}.available{display:inline-flex;align-items:center;gap:6px;background-color:#007bff;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap;margin-bottom:30px}.available h3{margin:0;padding:0}.dot-icon{color:#4caf50;font-size:16px;padding:0;margin:0}.text h1{font-size:2.5rem;color:#14cd70}.text h1 span{color:var(--primary-color)}.text h2{font-size:1.8rem;color:#555}.text p{font-size:1.2rem;color:#666;margin-top:10px}.social-headers{display:flex;justify-content:left;gap:15px;margin:15px 0}.social-headers .icons{font-size:30px;color:#223a7b;transition:color .3s ease}.social-headers .icons:hover{color:#0f1b18}.hireme-btn{margin-top:20px}.profile{position:relative}.profile-img{width:400px;height:600px;border-radius:15px;border:5px solid var(--secondary-color);object-fit:cover}.floating-icons{position:absolute;width:100%;height:100%;top:0;left:0}.icon{position:absolute;font-size:60px;width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;box-shadow:0 4px 6px #0000001a;animation:float 3s infinite ease-in-out alternate}.dark-mode .icon{background:#194d08a9}.html{top:-20px;left:20%;color:#e34c26}.css{top:65%;left:90%;color:#264de4}.js{top:20%;left:90%;color:#f0f71e}.react{top:50%;left:-10%;color:#61dbfb}.node{top:90%;left:40%;color:#68a063}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@media (max-width: 1024px){.header{height:auto;text-align:left;padding:50px 0}.header-content{flex-direction:column;gap:3rem;align-items:center;text-align:left}.text{width:80%;text-align:left}.hireme-btn{width:70%}.profile-img{width:350px;height:500px}.social-headers{justify-content:center}}@media (max-width: 768px){.header-content{margin-top:2rem;padding:20px;gap:6rem}.text h1{font-size:2rem}.text h2{font-size:1.5rem}.text p{font-size:1rem}.profile-img{width:300px;height:450px;border-width:3px}.social-headers{gap:10px}.icon{font-size:50px;width:70px;height:70px}}@media (max-width: 480px){.header{padding:30px 0}.text{width:100%;padding:0 15px}.text h1{font-size:1.8rem}.text h2{font-size:1.3rem}.text p{font-size:.9rem}.profile-img{width:250px;height:400px;border-width:2px}.available{font-size:12px;padding:5px 10px}.social-headers{gap:8px}.social-headers .icons{font-size:24px}.icon{font-size:40px;width:60px;height:60px}}.about-section{padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .3s ease-in-out}.about-container{display:flex;flex-direction:row;align-items:center;text-align:center;justify-content:space-between;gap:5rem}.title{display:flex;flex-direction:column;margin-bottom:5rem}.title span{border:2px #007bff solid}.about-image img{width:400px;height:600px;border-radius:15px;border:5px solid var(--secondary-color);object-fit:cover;box-shadow:5px 5px 15px #0003;transform:scaleX(-1)}.about-text{width:700px;text-align:left}.about-text h2{font-size:24px;font-weight:700;margin-bottom:10px;color:#333}.about-text p{font-size:16px;color:#555;margin-bottom:20px}.details p{font-size:16px;margin:5px 0}.details span{font-weight:700;color:#007bff}.dark-mode .about-text h2{color:#fff}.dark-mode .about-text p{color:#ccc}.dark-mode .details span{color:#4db8ff}@media (max-width: 1024px){.about-container{flex-direction:column;gap:3rem;text-align:center}.about-text{width:90%;text-align:center}.about-image img{width:350px;height:500px}}@media (max-width: 768px){.about-container{flex-direction:column-reverse;gap:2rem}.about-text{width:100%;padding:0 20px;text-align:left}.about-image img{width:300px;height:450px;border-width:3px}.title{margin-bottom:3rem}.about-text h2{font-size:22px}.about-text p,.details p{font-size:14px}}@media (max-width: 480px){.about-section{padding:30px 0}.about-text{width:100%;padding:0 15px}.about-image img{width:250px;height:400px;border-width:2px}.about-text h2{font-size:20px}.about-text p,.details p{font-size:12px}.title{margin-bottom:2rem}}.skills-section{padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .3s ease-in-out}.skills-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin:auto;gap:10rem}.professional-skills,.other-skills{flex:1;min-width:500px}h3{margin-bottom:20px}.skill-bar{margin-bottom:15px;background:#e9e9e9dc;padding:20px 0 0}.skill-info{display:flex;justify-content:space-between;font-weight:700;margin:0 10px 5px}.progress-bar{width:100%;height:10px;background:#ccc;overflow:hidden}.progress-fill{height:100%;background:#3498db;transition:width .5s ease-in-out}.circle-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-content:center;align-items:center}.circle{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e9e9e9dc;padding:20px 0 0}.progress-circle svg{width:100px;height:100px;transform:rotate(-450deg)}.progress-circle circle{fill:none;stroke-width:8;stroke-linecap:round}.progress-circle .bg{stroke:#ccc}.progress-circle .progress-fill-circle{stroke:#3498db;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .6s ease-in-out}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);font-size:14px;font-weight:700;color:#000;background:#f8f5f5;padding:5px 10px;border-radius:10px}.skill-name{margin-top:.3rem;width:100%;text-align:center;font-size:14px;font-weight:700;color:#f7f3f3;background-color:#1d1b1bb3;padding:4px 8px;box-shadow:0 2px 5px #0003}.dark-mode .skill-bar{background:#4a4949dc}.dark-mode .progress-bar{background:#555}.dark-mode .progress-fill{background:#f39c12}.dark-mode .circle{background:#4a4949dc}.dark-mode .progress-circle .bg{stroke:#9c8484}.dark-mode .progress-circle .progress-fill-circle{stroke:#f39c12}.dark-mode .circle-text{background:#96743d;color:#fff}.dark-mode .skill-name{background:#f5ececbb;color:#080808}@media (max-width: 1024px){.skills-container{s justify-content: center}.professional-skills,.other-skills{width:400px}.circle-skills{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skills-container{flex-direction:column;align-items:center;gap:2rem}.professional-skills,.other-skills{min-width:100%}.circle-skills{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skills-section{padding:30px 10px}.circle-skills{grid-template-columns:repeat(1,1fr)}}.project-card{position:relative;border:10px solid rgba(211,211,201,.241);width:400px;height:300px;cursor:pointer;border-radius:10px;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:scale(1.05)}.project-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.project-type{position:absolute;top:20px;left:20px;background-color:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:16px}.project-title{position:absolute;bottom:0;left:0;right:0;background-color:#00000080;color:#fff;text-align:center;padding:10px;font-size:18px;font-weight:700}.dark-mode .project-card{border:10px solid rgba(100,100,100,.5)}.dark-mode .project-type{background-color:#ffffffb3;color:#000}.dark-mode .project-title{background-color:#bdb8b8b3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;padding:40px 30px;width:80%;max-width:600px;box-shadow:0 4px 10px #0000004d;position:relative}.modal-image{width:100%;height:300px;object-fit:cover;border-radius:10px}.modal-details{margin-top:15px}.modal-title{font-size:24px;font-weight:700;color:#333}.modal-type{font-size:16px;color:#555}.modal-description{font-size:14px;color:#666;margin-top:10px}.modal-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;color:#333;cursor:pointer;font-weight:700}.dark-mode .modal-content{background-color:#333;color:#fff}.dark-mode .modal-title{color:#fff}.dark-mode .modal-type{color:#bbb}.dark-mode .modal-description{color:#ddd}.dark-mode .modal-close-btn,.dark-mode{color:#fff}.dark-mode .modal-overlay{background:#434343bb}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.modal-content{width:100%;height:100%;border-radius:0}.modal-image{width:100%}}@media (max-width: 480px){.project-card{border:5px solid rgba(211,211,201,.241)}.modal-content{padding:20px}.modal-title{font-size:20px}.modal-description{font-size:12px}}.projects-section{text-align:center;padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .3s ease-in-out}.projects-title{font-size:36px;font-weight:700;color:#333;margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 20px}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem}}@media (max-width: 480px){.projects-title{font-size:28px}}.resume-container{width:80%;margin:50px auto;text-align:center}.resume-title{font-size:32px;margin-bottom:20px}.timeline-container{display:flex;justify-content:space-between;position:relative;width:100%}.timeline{width:45%;position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:-4px;top:0;width:4px;height:100%;background-color:#1abc9c}.timeline-item{position:relative;margin-bottom:40px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:left}.timeline-item:before{content:"";position:absolute;left:-30px;top:20px;width:12px;height:12px;background:#1abc9c;border-radius:50%;border:2px solid white}.timeline-title{font-size:24px;margin-bottom:10px}.timeline-year{font-size:16px;font-weight:700;color:#555}.timeline-degree,.timeline-position{font-size:18px;font-weight:700;margin:5px 0}.timeline-school,.timeline-company{font-size:16px;color:#777}.experience{padding-left:0;padding-right:20px;text-align:center}.experience .timeline-item:before{left:-30px}.experience:before{left:-24px}.dark-mode .timeline-item{background:#2c3e50;color:#fff}.dark-mode .timeline-year{color:#ddd}.dark-mode .timeline-degree,.dark-mode .timeline-position{color:#1abc9c}.dark-mode .timeline-school,.dark-mode .timeline-company{color:#bbb}.dark-mode .timeline:before{background-color:#1abc9c}.dark-mode .timeline-item:before{background-color:#1abc9c}@media (max-width: 768px){.timeline-container{flex-direction:column;align-items:center}.timeline{width:90%;padding-left:0;text-align:center}.timeline:before{left:-25px;transform:translate(-50%);width:4px}.timeline-item{text-align:left;width:100%}.timeline-item:before{left:-25px;transform:translate(-50%)}.experience .timeline-item{width:100%}.experience .timeline-item:before{left:-25px}.experience:before{left:-25px}}.contact-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;padding:40px 20px}.contact-container{width:80%;max-width:1100px;height:auto;display:flex;background:#f5f5f5;border-radius:15px;overflow:hidden;box-shadow:0 0 15px #0000001a}.dark-mode .contact-container{background:#1e1e1e;box-shadow:0 0 15px #ffffff1a}.info-section{background-color:#2c3e50;color:#fff;width:35%;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px 0 0 15px;text-align:left}.dark-mode .info-section{background-color:#121212;color:#ddd}.info-section h2{font-size:28px;margin-bottom:20px}.contact-info p{font-size:16px;margin-bottom:10px}.social-links{margin-top:20px}.social-link{margin-right:15px;color:#1abc9c;font-size:18px;text-decoration:none;transition:color .3s}.social-link:hover{color:#16a085}.form-section{background-color:#fff;width:65%;padding:40px;display:flex;flex-direction:column}.dark-mode .form-section{background-color:#222;color:#ddd}.contact-form{display:flex;flex-direction:column;text-align:left}.form-group{margin-bottom:20px}label{font-size:16px;font-weight:700;color:#333;margin-bottom:8px;display:block}.dark-mode label{color:#ccc}.input-field{width:100%;padding:14px;border-radius:8px;border:1px solid #ddd;font-size:16px;background-color:#f9f9f9;transition:border .3s ease-in-out}.dark-mode .input-field{background-color:#333;border:1px solid #555;color:#fff}.input-field:focus{border-color:#1abc9c;box-shadow:0 0 8px #1abc9c4d;outline:none}.submit-btn{background-color:#1abc9c;color:#fff;padding:14px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s}.dark-mode .submit-btn,.submit-btn:hover{background-color:#16a085}@media screen and (max-width: 768px){.contact-section{width:100%}.contact-container{flex-direction:column;align-items:center;width:90%}.info-section{width:100%;text-align:center;border-radius:15px 15px 0 0}.form-section{width:100%;border-radius:0 0 15px 15px}}.navbar{position:fixed;top:0;left:0;right:0;width:100%;padding:15px 20px;background:transparent;transition:background .3s ease,box-shadow .3s ease;z-index:1000}.navbar.dark-mode a{color:#f0f8ff}.navbar.scrolled{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar.scrolled a{color:#f0f8ff}.navbar.dark-mode.scrolled{background:#f7eaeab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar.dark-mode.scrolled a{color:#333}.navbar-content{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:100%}.logo a{text-decoration:none;font-size:2rem;font-weight:700;color:#333}.navbar-menu ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.navbar-menu li{margin:0 15px}.navbar-menu a{text-decoration:none;font-size:1.2rem;color:#333;font-weight:700}.navbar-menu a:hover{color:var(--primary-color)}.dark-mode-toggle{background:#00000036;padding:10px;border-radius:50px;cursor:pointer;font-size:1rem;color:#ebe1e1}.dark-mode-toggle:hover{color:var(--primary-color)}.hamburger-menu{display:none;font-size:1.5rem;cursor:pointer;margin-left:15px;color:#2a0909}.navbar.scrolled .hamburger-menu{color:#faebd7}.dark-mode .navbar.scrolled .hamburger-menu{color:#14110d}.dark-mode .hamburger-menu{color:#faebd7}@media screen and (max-width: 768px){.hamburger-menu{display:block}.navbar-menu{position:absolute;top:70px;left:0;width:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;padding:20px 0;transform:translateY(-100%);transition:transform .3s ease-in-out;opacity:0;visibility:hidden;overflow-y:hidden}.dark-mode .navbar-menu{background:#888585e6}.navbar-menu.open{transform:translateY(0);opacity:1;visibility:visible}.navbar-menu ul{flex-direction:column}.navbar-menu li{margin:10px 0}.navbar-menu a{font-size:1.5rem;color:#f0f8ff}.navbar-menu a:hover{color:var(--primary-color)}.nav-icons{display:flex;align-items:center}}.footer{text-align:center;padding:30px 0;background:#efd8d8;color:#333}.footer-title{font-size:24px;font-weight:700;margin-bottom:15px}.social-icons{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.social-icons .icons{font-size:24px;color:#861818;transition:color .3s ease}.social-icons .icons:hover{color:#1abc9c}.rights,.developer{font-size:14px;color:#777;margin-top:10px}.dark-mode .developer a{color:#ff0}.dark-mode .footer{background:#010136a8}.dark-mode .rights,.dark-mode .developer{color:#bbb}