:root{--primary: #B415FE;--secondary: #DF8908;--bg-color: #030014;--text-main: #ffffff;--text-muted: #a0a0b0;--gradient: linear-gradient(264deg, var(--secondary) 0%, var(--primary) 100%);--font-family: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(150px);z-index:-1;animation:blob-bounce 20s infinite alternate ease-in-out;opacity:.6}body:before{width:600px;height:600px;background:#b415fe33;top:-200px;left:-200px;pointer-events:none}body:after{width:500px;height:500px;background:#df890833;bottom:-100px;right:-100px;animation-delay:-10s;pointer-events:none}@keyframes blob-bounce{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.1)}}h1,h2,h3{font-weight:700;letter-spacing:-.5px}p{color:var(--text-muted)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #b415fe66}50%{box-shadow:0 0 25px #df8908b3}to{box-shadow:0 0 10px #b415fe66}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 50px;background:#0a0a0a66;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.nav-menu{display:flex;align-items:center;list-style:none;gap:30px;font-size:22px;font-weight:500;color:#fff}.nav-connect{padding:12px 28px;border-radius:50px;background:var(--gradient);font-size:22px;font-weight:600;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #df89084d;text-shadow:0 0 5px rgba(255,255,255,.3)}.nav-connect:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #b415fe80}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer;position:relative;transition:.3s}.nav-menu p{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.3);margin:0;transition:.3s}.nav-menu li:hover p{color:var(--primary);transform:translateY(-2px)}.nav-menu li img{display:flex;margin:auto;width:50%;filter:drop-shadow(0 0 5px var(--primary))}.anchor-link{text-decoration:none;color:#fff;transition:.3s;text-shadow:0 0 5px rgba(255,255,255,.3)}.nav-mob-close,.nav-mob-open{display:none}@media(max-width:768px){.navbar{padding:15px 30px}.nav-connect{display:none}.nav-mob-open{display:block;position:fixed;right:30px;cursor:pointer}.nav-mob-close{display:block;position:relative;top:30px;left:290px;width:30px;cursor:pointer}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background:#0f0a14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:350px;height:100vh;z-index:1001;transition:right .5s cubic-bezier(.77,0,.175,1);right:-350px;box-shadow:-10px 0 30px #00000080}.nav-menu li{font-size:24px;padding-left:50px;flex-direction:row;gap:20px}}.hero{display:flex;align-items:center;flex-direction:column;gap:35px;padding-top:80px;min-height:90vh;animation:fadeInUp 1s ease-out}.hero img{margin-top:50px;width:250px;height:250px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.1);box-shadow:0 0 30px #b415fe4d;animation:float 6s ease-in-out infinite;transition:.4s ease}.hero img:hover{transform:scale(1.05);box-shadow:0 0 50px #df890880;border-color:#df890880}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.hero h1{text-align:center;width:70%;font-size:65px;font-weight:700;line-height:1.1}.hero h1 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero p{width:55%;text-align:center;font-size:22px;line-height:1.6;color:var(--text-muted)}.hero-action{display:flex;align-items:center;gap:30px;font-size:20px;font-weight:600;margin-bottom:50px}.hero-resume{padding:18px 45px;border-radius:50px;border:2px solid transparent;cursor:pointer;background:var(--gradient);background-clip:padding-box;position:relative;box-shadow:0 10px 30px #b415fe4d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hero-resume:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:var(--gradient)}.hero-resume:hover{transform:translateY(-5px);box-shadow:0 15px 35px #df890880}.hero-resume a{text-decoration:none;color:#fff;display:block}@media(max-width:1024px){.hero img{width:220px;height:220px}.hero h1{font-size:55px;width:85%}.hero p{width:70%;font-size:20px}}@media(max-width:768px){.hero{padding-top:40px}.hero img{width:180px;height:180px;margin-top:20px}.hero h1{font-size:45px;width:95%;margin-top:20px}.hero p{width:85%;font-size:18px}.hero-action{flex-direction:column;gap:20px}.hero-resume{padding:15px 40px}}@media(max-width:480px){.hero h1{font-size:38px}.hero p{font-size:16px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:100px 10%;animation:fadeInUp 1.2s ease-out}.about-title{position:relative;display:inline-block}.about-title h1{font-size:70px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0px 10px 30px rgba(180,21,254,.2)}.about-title img{position:absolute;bottom:-10px;right:-30px;z-index:-1;width:140px;opacity:.5;filter:drop-shadow(0 0 10px var(--primary))}.about-sections{display:flex;gap:80px;align-items:center;background:#ffffff05;padding:50px;border-radius:30px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000080}.about-left img{width:350px;border-radius:20px;object-fit:cover;box-shadow:0 15px 35px #0006;border:1px solid rgba(255,255,255,.05);transition:.5s ease}.about-left img:hover{transform:scale(1.03) rotate(1deg);box-shadow:0 15px 40px #b415fe66}.about-right{display:flex;flex-direction:column;gap:50px;flex:1}.about-para{display:flex;flex-direction:column;gap:20px;font-weight:400;font-size:20px;line-height:1.8}.about-skills{display:flex;flex-direction:column;gap:25px}.about-skill{display:flex;gap:30px;align-items:center;transition:.3s}.about-skill:hover{transform:translate(10px)}.about-skill p{min-width:150px;font-size:18px;font-weight:600;color:var(--text-main);letter-spacing:1px}.about-skill hr{outline:none;border:none;width:50%;height:10px;border-radius:50px;background:var(--gradient);box-shadow:0 0 15px #df890866}.about-achivements{display:flex;width:100%;justify-content:space-around;align-items:center;margin-bottom:80px;gap:20px}.about-achivement{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 50px;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:.4s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about-achivement:hover{transform:translateY(-10px);background:#ffffff0d;box-shadow:0 20px 40px #b415fe33;border-color:#df89084d}.about-achivement h1{font-size:50px;font-weight:800;background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achivement p{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px}.about-achivements hr{display:none}@media(max-width:1024px){.about-sections{flex-direction:column;padding:40px}.about-left img{width:300px}.about-achivements{flex-wrap:wrap}}@media(max-width:768px){.about{margin:50px 5%}.about-title h1{font-size:50px}.about-sections{padding:30px 20px}.about-para{font-size:18px}.about-skill p{min-width:120px;font-size:16px}.about-achivement{padding:20px 30px;width:100%}}.experience{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 10%;animation:fadeInUp 1.3s ease-out}.experience-title{position:relative;display:inline-block}.experience-title h1{font-size:70px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.experience-title img{position:absolute;bottom:-10px;right:-20px;z-index:-1;width:140px;opacity:.5;filter:drop-shadow(0 0 10px var(--primary))}.experience-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;width:100%;max-width:1200px}.experience-card{display:flex;width:100%;position:relative;height:100%}.experience-card-left{display:none}.timeline-dot{width:20px;height:20px;border-radius:50%;background:var(--gradient);box-shadow:0 0 15px #df890899;z-index:2;transition:.4s ease}.timeline-line{flex:1;width:2px;background:linear-gradient(180deg,rgba(180,21,254,.5),transparent);margin-top:10px;margin-bottom:20px}.experience-card-right{flex:1;display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 35px #0006;transition:.4s ease}.experience-card:hover .experience-card-right{transform:translateY(-5px);border-color:#b415fe66;box-shadow:0 20px 45px #b415fe33;background:#ffffff0a}.experience-card:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 25px #b415fecc}.experience-card-right h2{font-size:28px;color:var(--text-main);margin-bottom:5px;font-weight:700}.experience-card-right h3{font-size:18px;color:var(--primary);margin-bottom:20px;font-weight:500}.experience-card-right h3 span{color:var(--text-muted);font-weight:400}.experience-card-right p{font-size:18px;line-height:1.6;color:var(--text-muted)}@media(max-width:768px){.experience{margin:50px 5%;gap:50px}.experience-title h1{font-size:50px}.experience-card{gap:15px}.experience-card-right{padding:20px}.experience-card-right h2{font-size:24px}.timeline-dot{width:16px;height:16px}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:100px 10%;animation:fadeInUp 1.4s ease-out}.mywork-title{position:relative;display:inline-block}.mywork-title h1{font-size:70px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mywork-title img{position:absolute;bottom:-10px;right:-20px;z-index:-1;width:140px;opacity:.5;filter:drop-shadow(0 0 10px var(--primary))}.mywork-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;width:100%}.mywork-item{position:relative;overflow:hidden;border-radius:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 30px #0000004d;transition:all .5s cubic-bezier(.175,.885,.32,1.275);aspect-ratio:4/3}.mywork-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.mywork-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#03001400,#b415fe99);opacity:0;transition:opacity .5s ease;z-index:1}.mywork-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #b415fe4d;border-color:#df89084d}.mywork-item:hover img{transform:scale(1.1)}.mywork-item:hover:before{opacity:1}.view-project-btn{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);padding:12px 30px;background:#fff;color:var(--bg-color);border:none;border-radius:30px;font-weight:700;font-size:16px;cursor:pointer;z-index:2;transition:all .4s ease;opacity:0}.mywork-item:hover .view-project-btn{bottom:30px;opacity:1;box-shadow:0 5px 15px #fff6}.view-project-btn:hover{background:var(--primary);color:#fff}.mywork-showmore{display:flex;align-items:center;gap:15px;padding:15px 40px;border-radius:50px;border:2px solid transparent;cursor:pointer;background:var(--gradient);background-clip:padding-box;position:relative;font-size:20px;font-weight:600;transition:all .4s ease}.mywork-showmore:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:var(--gradient)}.mywork-showmore:hover{transform:scale(1.05);box-shadow:0 15px 35px #df890866}.mywork-showmore img{width:25px;transition:.3s}.mywork-showmore:hover img{transform:translate(5px)}@media(max-width:1024px){.mywork-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:768px){.mywork{margin:50px 5%;gap:50px}.mywork-title h1{font-size:50px}.mywork-container{grid-template-columns:1fr}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:100px 10%;animation:fadeInUp 1.6s ease-out}.contact-title{position:relative;display:inline-block}.contact-title h1{font-size:70px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-title img{position:absolute;bottom:-10px;right:-20px;z-index:-1;width:140px;opacity:.5;filter:drop-shadow(0 0 10px var(--primary))}.contact-section{display:flex;gap:80px;width:100%}.contact-left{display:flex;flex-direction:column;gap:30px;flex:1}.contact-left h1{font-size:50px;font-weight:700;color:var(--text-main)}.contact-left p{font-size:20px;line-height:1.8;color:var(--text-muted)}.contact-details{display:flex;flex-direction:column;gap:25px;margin-top:20px}.contact-detail{display:flex;align-items:center;gap:20px;padding:15px 25px;background:#ffffff08;border-radius:15px;border:1px solid rgba(255,255,255,.05);transition:.3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-detail:hover{background:#ffffff14;transform:translate(10px);border-color:#b415fe66}.contact-detail img{width:30px;filter:drop-shadow(0 0 5px var(--primary))}.contact-detail p{font-size:18px;color:var(--text-main);margin:0}.image{display:flex;gap:20px;margin-top:30px}.image a img{width:45px;border-radius:50%;background:#ffffff0d;padding:10px;transition:.4s ease;border:1px solid transparent}.image a img:hover{transform:translateY(-5px) scale(1.1);background:#ffffff1a;border-color:var(--secondary);box-shadow:0 10px 20px #df89084d}.contact-right{display:flex;flex-direction:column;align-items:flex-start;gap:20px;flex:1;background:#ffffff05;padding:40px;border-radius:30px;border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 35px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-right label{font-size:18px;font-weight:600;color:var(--text-muted);margin-bottom:-10px}.contact-right input,.contact-right textarea{width:100%;padding:18px 20px;border-radius:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);font-size:18px;font-family:inherit;transition:.3s}.contact-right input:focus,.contact-right textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 15px #b415fe33;background:#00000080}.contact-submit{margin-top:10px;padding:18px 45px;border-radius:50px;border:none;cursor:pointer;background:var(--gradient);color:#fff;font-size:20px;font-weight:700;transition:all .4s ease;box-shadow:0 10px 30px #b415fe4d}.contact-submit:hover{transform:translateY(-5px);box-shadow:0 15px 35px #df890880}@media(max-width:1024px){.contact-section{flex-direction:column}.contact-right{width:100%;padding:30px}}@media(max-width:768px){.contact{margin:50px 5%;gap:50px}.contact-title h1{font-size:50px}.contact-left h1{font-size:40px}.contact-left p{font-size:18px}.contact-right{padding:25px}}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;margin:50px 10% 20px;padding-top:50px;border-top:1px solid rgba(255,255,255,.05)}.footer-top{display:flex;justify-content:space-between;width:100%;align-items:flex-start}.footer-top-left{display:flex;flex-direction:column;gap:20px;max-width:400px}.footer-top-left img{width:180px;filter:drop-shadow(0 0 10px rgba(180,21,254,.4))}.footer-top-left p{font-size:18px;line-height:1.6;color:var(--text-muted)}.footer-top-right{display:flex;align-items:center}.footer-top-right ul{list-style:none;display:flex;gap:30px;margin:0;padding:0}.footer-top-right ul li{font-size:18px;font-weight:500;transition:.3s ease;cursor:pointer}.footer-top-right ul li a{text-decoration:none;color:var(--text-main);transition:.3s}.footer-top-right ul li:hover a{color:var(--primary);text-shadow:0 0 10px rgba(180,21,254,.4)}.footer-top-right ul li.active a{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.footer hr{width:100%;border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.footer-bottom{display:flex;justify-content:center;width:100%;margin-bottom:30px}.footer-bottom-left p{font-size:16px;color:var(--text-muted)}@media(max-width:768px){.footer-top{flex-direction:column;align-items:center;gap:40px;text-align:center}.footer-top-left{align-items:center}.footer-top-right ul{flex-direction:column;gap:20px}}