*{margin:0;padding:0}body{background-color:#161513;color:#fff;font-family:Outfit}.navbar{display:flex;justify-content:center;align-items:center;position:relative;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;z-index:1000}.nav-menu{display:flex;justify-content:center;list-style:none;gap:3rem;margin:0 auto}.nav-menu a{text-decoration:none;color:#fff;font-size:1.1rem;position:relative;transition:color .3s ease}.nav-menu a:hover{color:#df8908}.nav-menu a:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:linear-gradient(90deg,#df8908,#b415ff);transition:width .3s ease-in-out}.nav-menu a:hover:after{width:100%}.hero-connect{padding:15px 35px;border-radius:50px;background:linear-gradient(270deg,#df8908 10%,#b415ff);cursor:pointer;font-size:15px;margin-left:2rem}.hero-connect a{color:#fff;text-decoration:none}.hero-connect:hover{border:2px solid white}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;z-index:9999;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:0;margin:0;list-style:none;min-width:180px}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{padding:10px 20px;white-space:nowrap}.dropdown-menu li a{display:block;color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease}.dropdown-menu li a:hover{color:#df8908}@media screen and (max-width:1023px){.navbar{flex-direction:column;padding:15px}.nav-menu{flex-direction:column;gap:1.5rem;align-items:center}.hero-connect{margin-top:15px;margin-left:0}}@media screen and (max-width:767px){.navbar{padding:10px}.nav-menu{gap:1rem}.nav-menu a{font-size:1rem}.hero-connect{padding:10px 25px;font-size:14px}}.footer{background:#000;color:#fff;padding:2rem;text-align:center}.footer-content p{font-size:1.1rem;line-height:1.6;max-width:700px;margin:0 auto 1.5rem}.footer-bottom p{font-size:.95rem;color:#aaa}.footer-links a{color:#fff;text-decoration:none;margin:0 10px;transition:color .3s ease}.footer-links a:hover{color:#df8908}@media screen and (max-width:1023px){.footer-content p{font-size:1rem;padding:0 2rem}.footer-bottom p{font-size:.9rem}}@media screen and (max-width:767px){.footer{padding:1.5rem}.footer-content p{font-size:.95rem;padding:0 1rem}.footer-bottom p{font-size:.85rem}}.hero-bgg{position:relative;width:100%;min-height:100vh;background:linear-gradient(#000000e6,#000),url(/assets/bg-CR6X911U.jpg) center/cover no-repeat;background-size:cover;overflow:hidden}.hero-bgg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/alphabet-bu7P7-Bu.jpg) center/cover no-repeat;opacity:.05;animation:overlayMove 5s linear infinite;z-index:2;pointer-events:none}@keyframes overlayMove{0%{background-position:10% 0%}50%{background-position:100% 50%}to{background-position:0% 0%}}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:35px;color:#fff}.hero img{margin-top:5rem;width:200px;border-radius:30%;object-fit:cover;border:10px rgb(249,249,249) solid}.hero h1{text-align:center;width:70%;font-size:50px;font-weight:600}.hero h1 span{background:linear-gradient(270deg,#d97f18 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:5px}.hero p{width:50%;text-align:center;font-size:24px;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.hero-resume{padding:19px 45px;border-radius:50px;border:2px solid #fff;cursor:pointer;font-size:20px}.hero-resume:hover{border:2px solid #b415ff}.hero-resume a{color:#b415ff;text-decoration:none}@media screen and (max-width:1023px){.hero h1{width:80%;font-size:40px}.hero p{width:70%;font-size:20px;line-height:32px}.hero-action{flex-direction:column;gap:15px;font-size:20px}.hero-resume{padding:16px 35px;font-size:18px}}@media screen and (max-width:767px){.hero img{width:150px;margin-top:3rem}.hero h1{width:90%;font-size:32px}.hero p{width:90%;font-size:18px;line-height:28px}.hero-action{flex-direction:column;gap:12px;font-size:18px}.hero-resume{padding:14px 30px;font-size:16px}}.about{padding:40px;background:#00000080;color:#c3bcbc;font-family:Poppins,sans-serif;text-align:left}.container{display:flex;gap:5rem;max-width:100%;margin:0 auto;flex-wrap:wrap;padding:5rem}.about-left{flex:1;min-width:320px}.about-left h2{font-size:2.4rem;color:#c3bcbc;border-bottom:3px solid #d443a1;display:inline-block;padding-bottom:5px}.about-left p{margin-bottom:16px;line-height:1.7;font-size:18px}.about-left p b{color:#d97f18}.about-right{flex:1;min-width:320px}.about-right h3{font-size:2rem;margin-bottom:3rem;border-bottom:3px solid #d443a1;display:inline-block;padding-bottom:5px;color:#c3bcbc}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:50px}.skill{background:#3f3b3b;padding:40px;border-radius:12px;text-align:center;box-shadow:0 6px 15px #0000001a;transition:transform .3s,box-shadow .3s}.skill:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.skill-icon{font-size:36px;background:#d97f18;margin-bottom:20px}.skill-name{display:block;font-weight:600;margin-bottom:8px;color:#c3bcbc}.skill-bar{height:8px;background:#eee;border-radius:8px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(270deg,#d97f18 10%,#b415ff);border-radius:8px;transition:width .7s ease-in-out}@media screen and (max-width:1023px){.container{flex-direction:column;padding:3rem;gap:3rem}.about-left h2,.about-right h3{font-size:2rem}.skills-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.skill{padding:30px}.skill-icon{font-size:32px}.skill-name{font-size:16px}}@media screen and (max-width:767px){.about{padding:20px}.container{padding:2rem;gap:2rem}.about-left h2,.about-right h3{font-size:1.6rem}.about-left p{font-size:16px;line-height:1.6}.skills-list{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.skill{padding:20px}.skill-icon{font-size:28px}.skill-name{font-size:14px}.skill-bar{height:6px}}.contact-section{background:#111;text-align:center;border-radius:10px;padding:5rem}.title{font-size:40px;background:linear-gradient(180deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:600px;margin:0 auto}.contact-info{padding:2rem;border-radius:10px;width:100%;text-align:center}.contact-info p{font-size:1.1rem;color:#fff;line-height:1.6}.contact-info p:first-child,.contact-info p span{font-weight:700}.contact-container a{text-decoration:none;color:#fff;font-size:24px;font-weight:500;padding:25px 40px;border-radius:50px;background:linear-gradient(270deg,#df8908 10%,#b415ff);cursor:pointer}.contact-container a:hover{border:2px solid #acd69f}@media screen and (max-width:1023px){.contact-section{padding:4rem}.title{font-size:36px}.contact-container a{font-size:22px;padding:20px 35px}.contact-info p{font-size:1rem}}@media screen and (max-width:767px){.contact-section{padding:2rem}.title{font-size:28px}.contact-container{gap:1.5rem}.contact-container a{font-size:18px;padding:16px 28px}.contact-info{padding:1.5rem}.contact-info p{font-size:.95rem}}.portfolio-container{max-width:1300px;margin:60px auto;padding:0 20px;font-family:Poppins,sans-serif;color:#ddd}.portfolio-heading{font-size:2.2rem;font-weight:700;color:#f5f5f5;text-align:center;margin-bottom:4rem;text-transform:uppercase;letter-spacing:1.5px}.subheading{font-size:1rem;color:#d443a1;font-weight:400;letter-spacing:1px}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:30px}.work-card{background:#211f20e6;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0000004d;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.work-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0006}.work-img-container{position:relative;overflow:hidden;cursor:pointer}.work-img-container img{width:100%;height:100%;aspect-ratio:16 / 12;object-fit:cover;transition:transform .5s ease}.work-img-container:hover img{transform:scale(1.1)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#14141480;opacity:0;transition:opacity .3s ease}.work-img-container:hover .overlay{opacity:1}.icon-overlay{font-size:2rem;color:gold;transform:scale(.9);transition:transform .3s ease}.work-img-container:hover .icon-overlay{transform:scale(1.2)}.work-info{padding:1rem 1.2rem;text-align:center}.work-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.4rem}.work-description{font-size:.9rem;color:#b5b5b5;margin-bottom:1rem;line-height:1.4}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer;animation:fadeIn .4s ease}.lightbox-img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 0 25px #0009;transition:transform .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1023px){.portfolio-heading{font-size:2rem;margin-bottom:3rem}.subheading{font-size:.95rem}.work-grid{gap:24px}.work-title{font-size:1rem}.work-description{font-size:.85rem}.icon-overlay{font-size:1.8rem}}@media screen and (max-width:767px){.portfolio-container{padding:0 10px}.portfolio-heading{font-size:1.6rem;margin-bottom:2rem}.subheading{font-size:.85rem}.work-grid{grid-template-columns:1fr;gap:20px}.work-img-container img{aspect-ratio:4 / 3}.work-title{font-size:.95rem}.work-description{font-size:.8rem}.icon-overlay{font-size:1.6rem}.lightbox-img{max-width:95%;max-height:80%}}.mywork{display:flex;flex-direction:column;align-items:center;padding:4em 2em;gap:3rem;background:#0d0d0d;color:#fff;text-align:center;border-radius:15px}.mywork-title h1{font-size:2.2rem;font-weight:700;letter-spacing:1.5px;color:#f0f0f0;margin-bottom:2rem;position:relative;display:inline-block;text-transform:uppercase}.mywork-title .highlight{display:block;font-size:1rem;font-weight:400;color:#d443a1;margin-top:.5rem}.mywork-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:1200px}.mywork-card{background:#111;border-radius:15px;overflow:hidden;border:2px solid rgba(218,217,214,.1);transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column;cursor:pointer}.mywork-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000080}.mywork-img-container{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.mywork-img-container img{width:100%;height:200px;object-fit:cover;transition:transform .4s ease}.mywork-card:hover img{transform:scale(1.05);filter:brightness(.9)}.mywork-info{padding:1rem;text-align:left;display:flex;flex-direction:column;gap:.8rem}.mywork-info p{font-size:.95rem;line-height:1.5;color:#d1d1d1;margin:0}.mywork-btn{text-decoration:none;text-align:center;padding:10px 15px;border-radius:25px;background:linear-gradient(90deg,#d443a1,#ff69b4);color:#fff;font-weight:500;transition:transform .3s ease,background .3s ease}.mywork-btn:hover{background:linear-gradient(90deg,#ff69b4,#d443a1);transform:scale(1.05)}@media screen and (max-width:1023px){.mywork{padding:3em 1.5em}.mywork-title h1{font-size:2rem}.mywork-title .highlight{font-size:.95rem}.mywork-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.mywork-img-container img{height:180px}}@media screen and (max-width:767px){.mywork{padding:2em 1em;gap:2rem}.mywork-title h1{font-size:1.6rem}.mywork-title .highlight{font-size:.85rem}.mywork-container{grid-template-columns:1fr;gap:1.2rem}.mywork-img-container img{height:160px}.mywork-info p{font-size:.9rem}.mywork-btn{font-size:.9rem;padding:8px 12px}}.content-section{padding:5rem 2rem;background-color:#1a1a1a;text-align:center;font-family:Poppins,sans-serif;color:#f5f5f5}.content-title{font-size:2rem;font-weight:700;margin-bottom:4rem;color:#bcacac;max-width:900px;margin-left:auto;margin-right:auto;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;border-bottom:3px solid #ff7b00;display:inline-block;padding-bottom:.5rem}.content-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;justify-items:center;align-items:start}.content-image{background:#222;border-radius:18px;box-shadow:0 10px 30px #0006;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;max-width:400px}.content-image:hover{transform:scale(1.05);box-shadow:0 15px 40px #0009}.content-image img{width:100%;height:350px;object-fit:cover;display:block;transition:transform .5s ease}.content-image:hover img{transform:scale(1.1)}.content-image h3{margin:1.2rem 0 .4rem;font-size:1rem;color:#ff7b00;text-transform:capitalize}.content-image p{font-size:1rem;color:#d1d1d1;padding:0 1.2rem 1.5rem;line-height:1.5}@media screen and (max-width:1023px){.content-section{padding:4rem 1.5rem}.content-title{font-size:1.8rem;margin-bottom:3rem}.content-image img{height:300px}}@media screen and (max-width:767px){.content-section{padding:3rem 1rem}.content-title{font-size:1.4rem;margin-bottom:2rem}.content-images{grid-template-columns:1fr;gap:2rem}.content-image img{height:240px}.content-image h3{font-size:.95rem}.content-image p{font-size:.95rem;padding:0 1rem 1.2rem}}