.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 40px;background:var(--nav-bg);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;transition:background .3s ease}.logo{font-size:28px;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(270deg,var(--gradient-start) 10%,var(--gradient-end) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{list-style:none;display:flex;gap:25px}.nav-menu li{cursor:pointer;font-weight:500;transition:color .3s;list-style:none;text-decoration:none;color:#00f}.nav-menu li a{list-style:none;text-decoration:none;color:#00f}[data-theme=dark] .nav-menu li,[data-theme=dark] .nav-menu li a{color:#fff}[data-theme=light] .nav-menu li,[data-theme=light] .nav-menu li a{color:#00f}.nav-menu li:hover{color:var(--gradient-start)}.nav-connect{padding:8px 18px;background:var(--button-bg);color:var(--button-text);border-radius:50px;font-weight:500;cursor:pointer;transition:all .3s}.nav-connect:hover{background:var(--button-hover);transform:scale(1.05)}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger .bar{width:25px;height:3px;background-color:var(--nav-text-color);margin:3px 0;transition:.3s}.sidebar{position:fixed;top:0;right:-300px;width:300px;height:100vh;z-index:1000;transition:right .3s ease}.sidebar.active{right:0}.sidebar-content{position:relative;width:100%;height:100%;background:var(--nav-bg);padding:20px;z-index:1001;overflow-y:auto;transition:background .3s ease}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease}.sidebar.active+.sidebar-overlay{opacity:1;visibility:visible}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{font-size:22px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(270deg,var(--gradient-start) 10%,var(--gradient-end) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-close{color:var(--nav-text-color);font-size:28px;cursor:pointer;padding:5px;transition:color .3s ease}.sidebar-menu{list-style:none;margin-bottom:30px}.sidebar-menu li{padding:15px 0;font-weight:500;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);transition:color .3s;color:#00f}.sidebar-menu li a{color:#00f}[data-theme=dark] .sidebar-menu li,[data-theme=dark] .sidebar-menu li a{color:#fff}[data-theme=light] .sidebar-menu li,[data-theme=light] .sidebar-menu li a{color:#00f}.sidebar-menu li:hover{color:var(--gradient-start)}.sidebar-connect{padding:10px 20px;background:var(--button-bg);color:var(--button-text);border-radius:50px;font-weight:500;cursor:pointer;text-align:center;transition:all .3s;width:fit-content;margin:0 auto}.sidebar-connect:hover{background:var(--button-hover);transform:scale(1.05)}@media screen and (max-width: 900px){.nav-menu{gap:15px}}@media screen and (max-width: 768px){.navbar{padding:15px 20px}.nav-menu,.nav-connect{display:none}.hamburger{display:flex}}@media screen and (max-width: 480px){.logo{font-size:20px}.navbar{padding:12px 15px}.sidebar{width:250px}}.hero{display:flex;align-items:center;flex-direction:column;gap:35px}.hero img{margin-top:150px;width:200px;height:200px;border-radius:50%;object-fit:cover;display:inline-block;border:4px solid #d612bc;box-shadow:0 6px 18px #0000001f;background-color:#eee}.hero h1{text-align:center;width:70%;font-size:90px;font-weight:600;background:linear-gradient(270deg,orange 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:50%;text-align:center;font-size:24px;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:25px;font-weight:500;margin-bottom:50px}.hero-connect{padding:25px 45px;border-radius:50px;background:linear-gradient(264deg,orange -5.09%,#b415ff);cursor:pointer;color:#fff;border:none;font-size:20px;font-weight:500;transition:all .3s ease}.hero-resume{padding:25px 75px;border-radius:50px;border:2px solid white;cursor:pointer;background:transparent;color:#fff;font-size:20px;font-weight:500;transition:all .3s ease}.hero-connect:hover{border:2px solid white;transform:scale(1.05)}.hero-resume:hover{border-color:#b415ff;transform:scale(1.05)}@media screen and (max-width: 1200px){.hero h1{font-size:70px}.hero p{width:60%}}@media screen and (max-width: 900px){.hero h1{font-size:60px;width:80%}.hero p{width:70%;font-size:22px;line-height:35px}.hero-action{flex-direction:column;gap:20px}.hero-connect,.hero-resume{width:250px;text-align:center}}@media screen and (max-width: 768px){.hero img{margin-top:120px;width:180px;height:180px}.hero h1{font-size:50px;width:90%}.hero p{width:80%;font-size:20px;line-height:32px}.hero-connect,.hero-resume{padding:20px 40px;font-size:18px}}@media screen and (max-width: 480px){.hero{gap:25px}.hero img{margin-top:100px;width:150px;height:150px}.hero h1{font-size:40px;width:95%}.hero p{width:90%;font-size:18px;line-height:28px}.hero-action{gap:15px;font-size:20px}.hero-connect,.hero-resume{padding:18px 35px;font-size:16px;width:220px}}@media screen and (max-width: 360px){.hero h1{font-size:32px}.hero p{font-size:16px;line-height:24px}.hero-connect,.hero-resume{padding:15px 30px;font-size:14px;width:200px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px;font-weight:600}.about-title img{position:absolute;bottom:0;right:0;z-index:-1}.about-section{display:flex;gap:80px}.about-left img{width:100%;max-width:400px;border-radius:10px;box-shadow:0 5px 15px #0003}.about-right{display:flex;flex-direction:column;gap:80px}.about-para{display:flex;flex-direction:column;gap:20px;font-weight:500;font-size:18px;line-height:1.6}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;gap:50px;align-items:center;transition:.3s}.about-skill p{min-width:150px;font-size:24px;font-weight:500}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(246deg,orange -5.09%,pink 106%)}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.about-achievement h1{font-size:60px;font-weight:700;background:linear-gradient(264deg,orange 50%,#d8129d 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:22px;font-weight:500}.about-skill:hover{transform:scale(1.05);transition:.5s}.about-achievement:hover{transform:scale(1.12);transition:.5s}@media screen and (max-width: 1200px){.about{margin:80px 100px;gap:60px}.about-title h1{font-size:70px}.about-section{gap:60px}}@media screen and (max-width: 900px){.about{margin:60px 50px;gap:50px}.about-title h1{font-size:60px}.about-section{flex-direction:column;align-items:center;gap:40px}.about-right{gap:40px}.about-skill{gap:30px}.about-skill p{min-width:130px;font-size:22px}.about-achievement h1{font-size:50px}.about-achievement p{font-size:20px}}@media screen and (max-width: 768px){.about{margin:50px 30px;gap:40px}.about-title h1{font-size:50px;padding:0 20px}.about-title img{width:150px}.about-para{font-size:16px;gap:15px}.about-skill{gap:20px}.about-skill p{min-width:120px;font-size:20px}.about-achievements{flex-direction:column;gap:30px}.about-achievements hr{width:100%;height:1px;background:#ccc;border:none}.about-achievement h1{font-size:45px}.about-achievement p{font-size:18px}}@media screen and (max-width: 480px){.about{margin:40px 20px;gap:30px}.about-title h1{font-size:40px;padding:0 15px}.about-title img{width:120px}.about-para{font-size:15px;gap:12px}.about-skill{flex-direction:column;gap:10px;align-items:flex-start}.about-skill p{min-width:auto;font-size:18px;margin-bottom:5px}.about-skill hr{width:100%}.about-achievement h1{font-size:40px}.about-achievement p{font-size:16px}}@media screen and (max-width: 360px){.about-title h1{font-size:35px}.about-para{font-size:14px}.about-skill p{font-size:16px}.about-achievement h1{font-size:35px}.about-achievement p{font-size:15px}}.skills-section{padding:50px 20px;text-align:center}.skills-title{font-size:2rem;font-weight:700;margin-bottom:30px;font-size:80px;font-weight:600}.skills-title span{background:linear-gradient(90deg,#ff4d8d,#ff914d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-filters{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border-radius:20px;border:none;background:#f0f0f0;cursor:pointer;font-weight:500;transition:all .3s ease}.filter-btn.active{background:linear-gradient(90deg,#ff4d8d,#ff914d);color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.skill-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;text-align:left;transition:all .03s ease}.skill-card h3{margin-bottom:10px;font-size:1.1rem;font-weight:600;color:#333}.progress-bar{background:#f0f0f0;border-radius:8px;height:8px;overflow:hidden;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#ff4d8d,#ff914d);height:100%;border-radius:8px}.skill-level{font-size:.9rem;color:#555;font-weight:500}.projects-section{padding:60px 20px;text-align:center}.projects-title{font-size:2rem;font-weight:700;margin-bottom:30px;font-size:80px;font-weight:600}.projects-title span{background:linear-gradient(90deg,#ff4d8d,#ff914d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.project-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-align:left}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px #ff69b440}.project-image img{width:100%;height:auto;object-fit:contain}.project-content{padding:20px}.project-content h3{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#333}.project-content p{font-size:.95rem;line-height:1.6;color:#555;margin-bottom:15px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:linear-gradient(90deg,#ff4d8d,#ff914d);color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.contact-section{padding:70px 20px;text-align:center;background:#3333}.contact-title{font-size:2rem;font-weight:700;margin-bottom:15px;font-size:80px;font-weight:600}.contact-title span{background:linear-gradient(90deg,#ff4d8d,#ff914d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1rem;color:#fff;max-width:600px;margin:0 auto 40px;line-height:1.6}.contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.contact-icon{font-size:2rem;color:#fff;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.contact-icon.linkedin{background:#0077b5}.contact-icon.instagram{background:linear-gradient(45deg,#fd1d1d,#ff914d,#833ab4)}.contact-icon.facebook{background:#1877f2}.contact-icon.twitter{background:#1da1f2}.contact-icon.email{background:linear-gradient(90deg,#ff4d8d,#ff914d)}.contact-icon:hover{transform:translateY(-6px) scale(1.1);box-shadow:0 8px 20px #00000026}.contact-form-section{max-width:500px;margin:0 auto;padding:2rem;text-align:center}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;margin:.5rem 0;border-radius:5px;border:1px solid #ccc;box-sizing:border-box}.contact-form button{padding:.75rem 1.5rem;border:none;background-color:#0077b6;color:#fff;border-radius:5px;cursor:pointer;width:100%;margin-top:.5rem}.contact-form button:hover{background-color:#023e8a}.status-message{margin-top:1rem;font-weight:700}.contact-title h2{width:100%;text-align:center;font-size:24px;line-height:40px;margin:0 auto 20px;max-width:500px}@media screen and (max-width: 768px){.contact-title{font-size:60px}.contact-title h2{font-size:20px;line-height:32px;padding:0 10px}.contact-form-section{padding:1.5rem}}@media screen and (max-width: 480px){.contact-title{font-size:40px;margin-bottom:10px}.contact-title h2{font-size:18px;line-height:28px}.contact-section{padding:40px 15px}.contact-form-section{padding:1rem}.contact-form input,.contact-form textarea{padding:.6rem}}.footer{background-color:#0a0a0a;color:#fff;text-align:center;padding:2rem 1rem}.footer-tagline{font-size:1.2rem;margin-bottom:1rem}.footer-icons a{color:#fff;margin:0 .5rem;font-size:1.5rem;transition:color .3s}.footer-icons a:hover{color:#0077b6}.footer-copy{margin-top:1rem;font-size:.9rem;color:#ccc}.theme-toggle{background:var(--button-bg);color:var(--button-text);border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2 rem;transition:all .3s ease}.theme-toggle:hover{background:var(--button-hover);transform:scale(1.1)}*{margin:0;padding:0}body{height:100vh;background:#000;color:#fff}:root{--nav-text-color: #2563eb;--bg-color: #ffffff;--text-color: #333333;--input-bg: #ffffff;--input-border: #cccccc;--input-text: #333333;--button-bg: #0077b6;--button-hover: #023e8a;--button-text: #ffffff;--status-color: #333333;--section-bg: #f8f9fa;--gradient-start: #ff4d8d;--gradient-end: #ff914d;--nav-bg: rgba(255, 255, 255, .9);--footer-bg: #f8f9fa;--footer-text: #333333;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--nav-text-color: #ffffff;--bg-color: #1a1a1a;--text-color: #f0f0f0;--input-bg: #2d2d2d;--input-border: #444444;--input-text: #f0f0f0;--button-bg: #1565c0;--button-hover: #0d47a1;--button-text: #ffffff;--status-color: #f0f0f0;--section-bg: #2d2d2d;--gradient-start: #ff4d8d;--gradient-end: #ff914d;--nav-bg: rgba(26, 26, 26, .9);--footer-bg: #2d2d2d;--footer-text: #f0f0f0;--card-bg: #2d2d2d;--card-shadow: rgba(0, 0, 0, .3)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}