*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{overflow-x:hidden;width:100%}.dark{background:radial-gradient(circle at top,#8a2be238,#0000 28%),radial-gradient(circle at right,#ff4fa826,#0000 25%),radial-gradient(circle at bottom left,#8a2be226,#0000 30%),linear-gradient(180deg,#12031d,#0d0616);color:#fff;min-height:100vh;transition:.4s}.light{background:linear-gradient(135deg,#f7cfe3,#c5bdf8,#f8cba0);color:#222}.navbar{height:5rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 25px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}.nav-menu,.navbar{align-items:center;display:flex}.nav-menu{cursor:pointer;font-size:20px;font-weight:700;gap:20px;list-style:none;margin:2px 10px}.nav-menuListItem{cursor:pointer;margin:1rem}.nav-menuListItem:hover{border-radius:2px solid #ff0;color:orange;padding-bottom:.5rem}.nav-connect{background:linear-gradient(267deg,#da7c25 .36%,#b923e1);border-radius:50px;cursor:pointer;font-size:22px;padding:20px 40px}.nav-connect:hover{transform:scale(1.05)}.active{border-bottom:3px solid #ff0;color:orange;padding-bottom:.5rem}.navMenu{background:#554c0b;border-radius:1rem;display:flex;padding:.5rem;position:absolute}.mobMenu{align-items:end;display:none;height:1.8rem;margin-left:auto;object-fit:cover}.ListItem{background:#836720;color:#fff;margin:.25rem;padding:.5rem 4rem}.theme-btn{align-items:center;background:#7c3aed;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;margin-left:20px;width:42px}.theme-btn:hover{transform:scale(1.08)}.nav-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#b415ff,#df8908 40%,#ff4d6d 70%,#00c6ff);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:32px;font-weight:700;margin:0}.nav-logo span{color:#fff}@media screen and (max-width:1024px){.navbar{max-width:95%;padding:16px 20px}.nav-logo h2{font-size:28px}.nav-menu{font-size:17px;gap:20px}.nav-menuListItem{margin:0}.theme-btn{font-size:18px;height:38px;margin-left:12px;width:38px}.mobMenu,.nav-connect{display:none}}@media screen and (max-width:768px){.navbar{align-items:center;justify-content:space-between;padding:15px;width:100%}.nav-logo h2{font-size:24px}.nav-connect,.nav-menu{display:none}.theme-btn{font-size:18px;height:38px;margin-left:auto;margin-right:15px;width:38px}.mobMenu{cursor:pointer;display:block;height:28px;width:28px}.navMenu{background:#6b21a8;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:15px;top:70px;width:190px;z-index:999}.ListItem{background:#7c3aed;border-bottom:1px solid #fff3;color:#fff;padding:14px 18px}.ListItem:last-child{border-bottom:none}}.hero{align-items:center;display:flex;gap:80px;justify-content:space-between;margin:auto;max-width:1200px;padding:80px 40px}h3{font-size:28px;line-height:1}h1{font-size:20px}p{margin:10px 0 20px}.hero-left h1{font-size:24px;font-weight:600;text-align:left}.hero-left h2{font-size:50px;margin:15px 0;text-align:left}.hero-left p{font-size:22px;line-height:30px;text-align:left}.hero-left span{font-size:30px;font-weight:700;text-align:left}.hero-action{align-items:center;display:flex;font-size:16px;font-weight:500;gap:45px;justify-content:flex-start;margin-bottom:90px}.hero-connect{background:#fff;color:#333;font-weight:700}.hero-connect,.hero-resume{border:2px solid #fff;border-radius:50px;cursor:pointer;padding:10px 30px}.hero-connect:hover{border:2px solid #b415ff}.hero-resume:hover{border-color:#b415ff}.typing-text{animation:typing 4s steps(22) infinite,blink .8s infinite;border-right:3px solid #000;font-size:28px;font-weight:600;overflow:hidden;white-space:nowrap;width:22ch}.hero-right{align-items:center;display:flex;height:450px;justify-content:center;position:relative;width:450px}.glow{background:linear-gradient(180deg,#e1eb30,#d9d1e7);border-radius:50%;box-shadow:0 0 14px #fa5610,0 0 10px #19daef99,0 0 8px #ec3e6966;height:350px;position:absolute;width:350px}.profile-img{border-radius:50%;height:320px;object-fit:cover;position:relative;width:320px;z-index:2}.tech-icon{align-items:center;background:#111;border-radius:50%;display:flex;font-size:28px;height:50px;justify-content:center;position:absolute;width:50px;z-index:3}.react{bottom:16%;box-shadow:0 0 20px #00d8ff;color:#00d8ff}.html,.react{position:absolute;right:8%}.html{box-shadow:0 0 20px #ff6b00;color:#ff6b00;top:16%}.js{box-shadow:0 0 20px #f7df1e;color:#f7df1e;left:9%;position:absolute;top:16%}@keyframes typing{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}}@keyframes blink{50%{border-color:#0000}}@media (max-width:1024px){.hero{gap:40px;max-width:90%;padding:60px 20px}.hero-left h1{font-size:22px}.hero-left h2{font-size:42px}.hero-left p{font-size:18px;line-height:28px}.typing-text{font-size:24px}.hero-right{height:350px;width:350px}.glow{height:300px;width:300px}.profile-img{height:270px;width:270px}.tech-icon{font-size:22px;height:42px;width:42px}.react{bottom:50px;right:2px}.html{right:20px;top:40px}.js{left:20px;top:40px}}@media (max-width:768px){.hero{flex-direction:column-reverse;gap:40px;padding:50px 20px;text-align:center}.hero-left{width:100%}.hero-left h1,.hero-left h2,.hero-left p{text-align:center}.hero-left h1{font-size:20px}.hero-left h2{font-size:34px}.hero-left span{font-size:26px}.hero-left p{font-size:17px;line-height:28px}.typing-text{font-size:22px;margin:auto}.hero-action{gap:20px;justify-content:center;margin-bottom:20px}.hero-connect,.hero-resume{font-size:15px;padding:10px 22px}.hero-right{height:300px;width:300px}.glow{height:260px;width:260px}.profile-img{height:180px;width:180px}.tech-icon{font-size:18px;height:38px;width:38px}.react{bottom:35px;right:32px}.html{right:38px;top:29px}.js{left:24px;top:48px}}@media (max-width:480px){.hero{padding:40px 15px}.hero-left h2{font-size:28px}.hero-left h1{font-size:18px}.hero-left p{font-size:15px}.typing-text{font-size:18px}.hero-connect,.hero-resume{font-size:13px;padding:8px 18px}.hero-right{height:240px;width:240px}.glow{height:210px;width:210px}.profile-img{height:185px;width:185px}.tech-icon{font-size:16px;height:32px;width:32px}}.about{margin:10px auto;max-width:1200px;width:80%}.about-title{margin-bottom:20px;text-align:left}.about-title h1{font-size:48px;font-weight:700}.about-sections{justify-content:space-between}.about-left,.about-sections{align-items:center;display:flex}.about-left{flex:1 1;justify-content:center}.about-left img{border:5px solid #b415ff;border-radius:50%;box-shadow:0 0 10px #ebd825,0 0 29px #ff4815b3,0 0 30px #5dceed66;height:360px;object-fit:cover;transition:.4s;width:360px}.about-left img:hover{transform:scale(1.05)}.about-right{flex:0 0 600px;gap:3px}.about-para,.about-right{display:flex;flex-direction:column}.about-para p{font-size:20px;line-height:1.4}.about-skills{display:flex;flex-direction:column;gap:10px}.about-skill{align-items:center;background:#ffffff05;border:2px solid #b415ff;border-radius:18px;display:flex;padding:4px 9px;transition:.35s}.about-skill:hover{box-shadow:0 0 18px #b415ff80;transform:translateX(12px)}.about-skill p{font-size:18px;font-weight:600;width:180px}.about-skill hr{background:linear-gradient(90deg,#8a2be2,#ff7b00);border:none;border-radius:20px;height:8px}.skill-icon{font-size:32px;margin-right:15px;transition:.3s}.skill-icon:hover{transform:scale(1.2) rotate(5deg)}@media (max-width:1024px){.about{width:90%}.about-sections{gap:40px}.about-left img{height:300px;width:300px}.about-title h1{font-size:40px}.about-para p{font-size:18px}.about-skill p{width:150px}.skill-icon{font-size:28px}}@media (max-width:768px){.about{margin:50px auto;width:92%}.about-sections{flex-direction:column;gap:35px}.about-left img{height:250px;width:250px}.about-right{width:100%}.about-title{text-align:center}.about-title h1{font-size:34px}.about-para{text-align:center}.about-para p{font-size:16px;line-height:1.6}.about-skills{width:100%}.about-skill{padding:10px}.about-skill p{font-size:16px;width:100px}.skill-icon{font-size:24px;margin-right:10px}}@media (max-width:480px){.about-left img{height:200px;width:200px}.about-title h1{font-size:28px}.about-para p{font-size:15px}.about-skill{padding:8px}.about-skill p{font-size:14px;width:80px}.about-skill hr{height:6px}.skill-icon{font-size:20px}}.mywork{margin:80px auto;max-width:1200px;text-align:center;width:90%}.mywork h2{font-size:56px;font-weight:700;margin-bottom:15px}.project-desc{color:#444;font-size:18px;line-height:1.6;margin:0 auto 50px;max-width:700px}.work-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.work-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #fff6;border-radius:20px;padding:18px;transition:.35s}.work-card:hover{box-shadow:0 18px 35px #00000026;transform:translateY(-10px)}.work-card img{border-radius:14px;height:210px;object-fit:cover;width:100%}.work-card h3{color:#b415ff;font-size:30px;margin:20px 0 12px}.card-desc{color:#555;font-size:16px;line-height:1.7;margin-bottom:22px}.work-links{display:flex;gap:15px;justify-content:center}.work-links a{align-items:center;background:#22283a;border-radius:8px;color:#fff;display:flex;font-size:15px;gap:8px;padding:10px 20px;text-decoration:none;transition:.3s}.work-links a:hover{transform:translateY(-4px)}.project-contact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #c9b6ff;border-radius:20px;justify-content:space-between;margin-top:30px;padding:15px 10px}.contact-left,.project-contact{align-items:center;display:flex}.contact-left{gap:10px}.contact-icon{align-items:center;border:2px solid #ddd;border-radius:50%;color:#b415ff;display:flex;font-size:18px;height:35px;justify-content:center;width:35px}.contact-left h3{color:#8a2be2;margin-bottom:4px}.contact-left p{color:#555}.contact-btn{align-items:center;background:linear-gradient(90deg,#7b2ff7,#f107a3);border-radius:40px;color:#fff;display:flex;gap:10px;padding:14px 28px;text-decoration:none;transition:.3s;width:150px}.contact-btn:hover{box-shadow:0 12px 25px #b715ff59;transform:translateY(-4px)}@media(max-width:1024px){.mywork h2{font-size:46px}.work-container{grid-template-columns:repeat(2,1fr)}.project-contact{gap:25px;text-align:center}.contact-left,.project-contact{flex-direction:column}}@media(max-width:768px){.mywork{margin:50px auto;width:95%}.mywork h2{font-size:34px}.project-desc{font-size:15px;margin-bottom:35px}.work-container{grid-template-columns:1fr}.work-card{margin:auto;max-width:350px}.work-card img{height:190px}.work-card h3{font-size:25px}.work-links{flex-direction:column}.work-links a{justify-content:center}.project-contact{padding:25px 18px}.contact-icon{font-size:24px;height:55px;width:55px}.contact-btn{justify-content:center;width:80%}}@media(max-width:480px){.mywork h2{font-size:28px}.work-card{padding:15px}.work-card img{height:170px}.card-desc{font-size:14px}.contact-btn{justify-content:center;width:70%}}#contact{align-items:center;background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:80px 80px;display:flex;flex-direction:column;justify-content:center;min-height:90vh;overflow:hidden;padding:100px 8%;position:relative;width:90%}#contact:before{background:#b746ff73;border-radius:50%;bottom:50px;content:"";filter:blur(120px);height:30px;position:absolute;right:-70px;width:300px}.contactPage{font-size:3rem;font-weight:700;margin-bottom:12px}.contactDesc{margin-bottom:40px;text-align:center}.contactform{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140a23b3;border:2px solid #ffffff14;border-radius:22px;box-shadow:0 0 30px #8c00ff1f;display:flex;flex-direction:column;gap:22px;max-width:620px;padding:40px;width:100%}.email,.msg,.name{background:#0000;border:2px solid #ffffff1f;border-radius:12px;color:#fff;font-size:16px;outline:none;padding:16px 18px;transition:.3s;width:100%}.email::placeholder,.msg::placeholder,.name::placeholder{color:#9d9d9d}.email:focus,.msg:focus,.name:focus{border-color:#bb4dff;box-shadow:0 0 18px #bb4dff40}.msg{min-height:120px;resize:none}.submitBtn{align-self:center;background:linear-gradient(90deg,#8a2eff,#ff4fa5);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:15px 0;transition:.3s;width:120px}.submitBtn:hover{box-shadow:0 8px 20px #c44cff73;transform:translateY(-3px)}@media (max-width:1024px){#contact{padding:80px 5%;width:95%}.contactPage{font-size:2.5rem}.contactDesc{font-size:16px;margin-bottom:30px}.contactform{max-width:550px;padding:30px}.email,.msg,.name{font-size:15px;padding:14px 16px}.submitBtn{font-size:16px;width:110px}}@media (max-width:768px){#contact{min-height:auto;padding:60px 20px;width:100%}.contactPage{font-size:2rem;text-align:center}.contactDesc{font-size:15px;margin-bottom:25px;padding:0 10px}.contactform{border-radius:18px;gap:18px;max-width:100%;padding:12px;width:80%}.email,.msg,.name{font-size:15px;margin:0 auto;padding:8px 10px;width:90%}.msg{min-height:110px}.submitBtn{align-self:stretch;font-size:16px;margin-bottom:20px;padding:14px;width:90%}}@media (max-width:480px){#contact{padding:50px 15px}.contactPage{font-size:1.8rem}.contactDesc{font-size:14px}.contactform{padding:18px}.email,.msg,.name{font-size:14px;padding:12px}.msg{min-height:90px}.submitBtn{font-size:15px}}.footer{background:#fff;padding:15px 8px 8px;text-align:center;width:100%}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#b415ff,#ff9800,#00c6ff,#b415ff);-webkit-background-clip:text;font-size:48px;font-weight:700}.footer-logo span{font-size:42px}.footer-text{color:#555;font-size:20px;margin-bottom:30px}.footer-social{gap:10px;margin-bottom:10px}.footer-social,.footer-social a{display:flex;justify-content:center}.footer-social a{align-items:center;border:2px solid #b415ff;border-radius:50%;color:#b415ff;font-size:24px;height:42px;text-decoration:none;transition:.3s;width:42px}.footer-social a:hover{background:linear-gradient(90deg,#b415ff,#ff9800);color:#fff;transform:translateY(-5px)}.footer hr{border:none;border-top:1px solid #ddd;margin:auto;width:80%}.footer-copy{color:#666;font-size:16px;margin-top:10px}@media (max-width:1024px){.footer{padding:25px 15px}.footer-logo{font-size:42px}.footer-logo span{font-size:36px}.footer-text{font-size:18px;max-width:500px}.footer-social{gap:14px}.footer-social a{font-size:20px;height:42px;width:42px}.footer-copy{font-size:15px}}@media (max-width:768px){.footer{padding:20px 15px}.footer-logo{font-size:32px}.footer-logo span{font-size:28px}.footer-text{font-size:15px;line-height:1.5;margin-bottom:20px;padding:0 10px}.footer-social{gap:12px}.footer-social a{font-size:18px;height:40px;width:40px}.footer hr{width:90%}.footer-copy{font-size:13px;padding:0 10px}}@media (max-width:480px){.footer-logo{font-size:28px}.footer-logo span{font-size:24px}.footer-text{font-size:14px}.footer-social{gap:10px}.footer-social a{font-size:16px;height:36px;width:36px}.footer-copy{font-size:12px}}
/*# sourceMappingURL=main.0ace8444.css.map*/