body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#200238;margin:0;padding:0}section{padding:30px 20px;scroll-margin-top:100px}*{box-sizing:border-box}body,html{overflow-x:hidden;width:100%}#particles-js{height:100vh;position:relative;width:100%}.hero-content{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-text{color:#fff;font-family:Times New Roman,Times,serif;text-align:center}.hero-text h1{font-size:3rem;margin:0}.hero-text h3{font-size:1.6rem;margin-top:10px}.hero-img{border:3px solid #fff;border-radius:50%;box-shadow:0 0 15px #fff9;height:180px;object-fit:cover;width:180px}#section2{background-color:#200238;color:#f0f8ff;display:flex;justify-content:center;padding:50px 0}#about h2{color:#fff;font-size:30px}#div2{background-color:#ffffff0d;border:2px solid #fff;border-radius:70px;padding:30px;width:800px}#section3{background:linear-gradient(135deg,#200238,#2d0450);color:#fff;padding:80px 20px;text-align:center}#education h2{color:#fff;font-size:40px;font-weight:700;letter-spacing:2px;margin-bottom:60px}.education-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.edu-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #fff3;border-radius:18px;overflow:hidden;padding:30px 25px;position:relative;transition:all .4s ease}.edu-card:before{background:linear-gradient(135deg,#890af1,#00eaff);border-radius:18px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:.4s ease}.edu-card:hover:before{opacity:1}.edu-card:hover{box-shadow:0 15px 35px #890af166;transform:translateY(-8px)}.edu-card h3{color:#00eaff;font-size:22px;margin-bottom:10px}.edu-card h4{color:#ddd;font-size:16px;margin:6px 0}#section4{padding-top:33px;position:relative;width:100%}.skills-title{color:#fff;font-size:38px;font-weight:700;margin-top:30;text-align:center}.skill-section{border-radius:10px;height:450px;margin-top:40px;overflow:hidden;position:relative;width:100%}#skillCanvas{height:100%;width:100%}.skills{grid-gap:20px;color:#f0f8ff;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);list-style:none;padding-right:20px}.skills li{align-items:center;border-radius:40px;box-shadow:0 0 10px #ffffff80;display:flex;height:50px;justify-content:center;transition:.3s ease}.skills li:hover{background-color:#8901f7;color:#000;font-weight:500}.project h1{color:#fff}.gallery{align-items:center;display:flex;gap:10px;height:300px;justify-content:center;width:100%}.imgWrapper{border-radius:10px;cursor:pointer;height:100%;overflow:hidden;position:relative;transition:width .5s ease;width:10%}.imgWrapper img{border:2px solid #fff;border-radius:10px;height:100%;object-fit:cover;transition:all .5s ease;width:100%}.imgWrapper:hover{width:50%}.desc{background:#0009;bottom:0;color:#fff;left:0;opacity:0;padding:8px;position:absolute;text-align:center;transform:translateY(100%);transition:all .4s ease;width:100%}.imgWrapper:hover .desc{opacity:1;transform:translateY(0)}.btnGroup{display:flex;gap:10px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease}.btnGroup button{background:#ffffffd9;border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:6px 12px}.imgWrapper:hover .btnGroup{opacity:1}#section-certificates{background:linear-gradient(135deg,#1a0033,#2b004d);color:#fff;padding:80px 20px;text-align:center}#section-certificates h2{font-size:40px;letter-spacing:2px;margin-bottom:60px}.certificate-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.certificate-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #fff3;border-radius:18px;padding:30px 25px;transition:all .4s ease}.certificate-card:hover{box-shadow:0 15px 35px #00eaff66;transform:translateY(-8px)}.certificate-card h3{color:#00eaff;font-size:20px;margin-bottom:10px}.certificate-card h4{color:#ddd;font-size:16px;margin:6px 0}.certificate-card p{color:#aaa;font-size:14px;margin-top:10px}.contact{align-items:center;color:#fff;gap:20px;padding:50px}.contact input,.contact textarea{background:#0000;border:none;border-bottom:2px solid #fff;height:50px;width:500px}.connect h1{color:#fff}.contact input::placeholder,.contact textarea::placeholder{color:#fff;font-weight:bolder}.myBtn{background:linear-gradient(135deg,#890af1,#370463);border-radius:8px;font-size:16px;font-weight:700;padding:12px 28px}.myBtn:hover{box-shadow:0 8px 18px #6506d966;transform:translateY(-3px)}.popupOverlay{animation:fadeIn .3s ease;background:#000000b3;z-index:999}.popupBox{animation:scaleUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #fff3;color:#fff;max-width:90%;padding:25px;text-align:center;width:450px}.popupImage{border-radius:12px;height:200px;margin-bottom:15px;object-fit:cover;width:100%}.popupDesc{color:#ddd;font-size:14px;margin:10px 0 15px}.techStack{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.techStack span{background:linear-gradient(135deg,#890af1,#00eaff);border-radius:20px;font-size:12px;padding:5px 10px}.popupButtons{display:flex;gap:12px;justify-content:center}.codeBtn,.liveBtn{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:8px 16px;transition:.3s ease}.liveBtn{background:#00eaff;color:#000}.liveBtn:hover{transform:scale(1.05)}.codeBtn{background:#890af1;color:#fff}.codeBtn:hover{transform:scale(1.05)}.closeBtn{right:15px;top:10px}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.social-links{gap:30px;margin-bottom:50px}.social-links a{border:2px solid #fff;border-radius:30px;color:#fff;font-size:18px;font-weight:700;padding:10px 20px;text-decoration:none;transition:.3s ease}.social-links a:hover{background:#8901f7;border-color:#8901f7;transform:translateY(-3px)}.hero{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.hero-name{font-size:3rem;margin-bottom:20px}.hero-role{font-size:2rem;font-weight:400}.highlight{color:#0fc;font-weight:700}html{scroll-behavior:smooth}#about,#contact,#education,#projects,#section-certificates,#skills{scroll-margin-top:100px}#about{align-items:center;display:flex;justify-content:center;text-align:center}#div2{margin:auto;max-width:800px}#about p{color:#ddd}.contact-title{color:#fff;font-size:34px;letter-spacing:1px;margin-bottom:30px;text-align:center}.contact{animation:fadeUp .8s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;display:flex;flex-direction:column;gap:25px;margin:auto;max-width:520px;padding:40px}.contact:hover{box-shadow:0 25px 50px #890af166;transform:translateY(-8px)}.inputBox{position:relative}.inputBox input,.inputBox textarea{background:#0000;border:none;border-bottom:1px solid #ffffff4d;color:#fff;font-size:15px;outline:none;padding:14px 10px;transition:.3s ease;width:400px}.inputBox textarea{min-height:100px;resize:none}.inputBox label{color:#fff9;font-size:14px;left:10px;pointer-events:none;position:absolute;top:14px;transition:.3s ease}.inputBox input:focus,.inputBox textarea:focus{border-bottom:1px solid #00eaff}.inputBox input:focus+label,.inputBox input:valid+label,.inputBox textarea:focus+label,.inputBox textarea:valid+label{color:#00eaff;font-size:12px;top:-10px}.myBtn{background:linear-gradient(135deg,#890af1,#5a0cae);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;padding:12px;transition:.3s ease}.myBtn:hover{background:linear-gradient(135deg,#00eaff,#890af1);box-shadow:0 10px 25px #00eaff66;transform:scale(1.05)}.social-links{display:flex;gap:25px;justify-content:center;margin-top:40px}.social-icon{color:#ffffffb3;font-size:28px;transition:.3s ease}.social-icon:hover{color:#00eaff;text-shadow:0 0 15px #00eaff;transform:translateY(-5px) scale(1.1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-text h1{font-size:2rem}.hero-role{font-size:1.2rem}.hero-img{height:130px;width:130px}.skills{gap:15px;grid-template-columns:repeat(2,1fr);padding:20px}.skill-section{height:300px}.gallery{flex-direction:column;height:auto}.imgWrapper{height:200px;width:100%!important}.imgWrapper:hover{width:100%}#particles-js{height:70vh}.contact{padding:25px;width:90%}.contact input,.contact textarea{width:100%}#education h2,#section-certificates h2{font-size:28px}.certificate-card,.edu-card{padding:20px}.gallery{flex-direction:column;overflow:hidden;width:100%}.imgWrapper{height:200px;width:100%!important}.skill-section{align-items:center;display:flex;justify-content:center}#skillCanvas{display:block}.hero-role,.hero-text h1,.skills-title{animation:none!important;transform:none!important}#skillCanvas{display:none}.skill-section{height:auto}#particles-js canvas{display:none}#particles-js{background:linear-gradient(135deg,#200238,#3a0a6a)}}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#20023899;border-bottom:1px solid #ffffff26;padding:18px 0;position:fixed;top:0;width:100%;z-index:1000}.contents{align-items:center;display:flex;gap:45px;justify-content:center;list-style:none;margin:0;padding:0}.contents li a{color:#fff;font-size:17px;font-weight:500;letter-spacing:1px;position:relative;text-decoration:none;transition:.3s ease}.contents li a:hover{color:#00eaff;text-shadow:0 0 10px #00eaff}.contents li a:after{background:linear-gradient(90deg,#890af1,#00eaff);bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:.4s ease;width:0}.contents li a:hover:after{width:100%}.contents li button{background:linear-gradient(135deg,#890af1,#370463);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:.3s ease}.contents li button:hover{box-shadow:0 0 15px #890af1;transform:translateY(-3px)}.nav-container{align-items:center;display:flex;justify-content:center;position:relative}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:28px;position:absolute;right:25px}@media (max-width:768px){.menu-icon{display:block}.contents{background:#200238f2;border-radius:10px;flex-direction:column;gap:20px;padding:20px;position:absolute;right:-100%;top:70px;transition:.4s ease;width:220px}.contents.active{right:20px}}.popupOverlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;inset:0;justify-content:center;position:fixed;z-index:9999}.popupBox,.popupOverlay{align-items:center;display:flex}.popupBox{animation:slideUp .3s ease-in-out;background:linear-gradient(145deg,#1e0033,#2b004d);border-radius:20px;box-shadow:0 20px 50px #0009;flex-direction:column;height:85vh;max-width:900px;padding:30px;position:relative;width:80%}.popupBox h2{color:#fff;letter-spacing:1px;margin-bottom:20px}.resume-viewer{border:none;border-radius:12px;box-shadow:0 10px 25px #00000080;height:100%;margin-bottom:20px;width:100%}.downloadBtn{background:linear-gradient(135deg,#890af1,#5a0cae);border-radius:30px;color:#fff;font-weight:600;padding:10px 20px;text-decoration:none;transition:.3s ease}.downloadBtn:hover{background:linear-gradient(135deg,#00eaff,#890af1);transform:scale(1.05)}.closeBtn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:20px;top:15px;transition:.3s ease}.closeBtn:hover{color:#00eaff;transform:rotate(30deg)}@media (max-width:768px){.popupBox{height:90vh;padding:20px;width:95%}.resume-viewer{height:65vh}.downloadBtn{display:block;margin-bottom:15px;text-align:center;width:100%}.closeBtn{margin-top:10px;position:static}.popupBox{padding-top:50px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.284a9c42.css.map*/