*{box-sizing:border-box;font-optical-sizing:auto;margin:0;padding:0;font-family:SN Pro,sans-serif;font-style:normal}#root{text-align:center;color:#fff;background-color:#020617;height:100%;min-height:100vh}#nav{z-index:999;z-index:1000;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);color:#e5e7eb;background-color:#020617;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;width:100%;height:50px;padding:10px;display:flex;position:sticky;top:0}#links{width:inherit;height:inherit;justify-content:flex-end;align-items:center;gap:15px;display:flex}.link{color:#cbd5e1;text-decoration:none}.link:after{content:"";background:#3b82f6;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.link:hover:after{width:100%}.link:active{color:#38bdf8}#logo{color:#cbd5e1;align-items:center;gap:3px;font-size:1.3rem;text-decoration:none;display:flex}.menuBtn{display:none}@media (max-width:920px){.menuBtn{cursor:pointer;font-size:1.5rem;transition:all .3s ease-in-out;display:block}.closeBtn{margin:-12px;font-size:3rem}.menuBtn:hover{color:#ff4500;rotate:90deg}.menuBtn:active{transition-delay:.1s;scale:0}#links{display:none}}#sidebar{z-index:999;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#020617;border-bottom:1px solid #1e293b;flex-direction:column;align-items:start;height:0;padding:0 15px;transition:all .7s ease-in-out;display:none;position:sticky;top:50px;overflow:hidden;box-shadow:0 0 5px #0000006d}.sidebarlink{opacity:0;text-align:start;color:#e5e7eb;background-color:#bbb9b916;border-radius:1rem;width:100%;margin:10px 0;padding:10px;font-family:Arial,Helvetica,sans-serif;text-decoration:none;transition:all .2s ease-in-out}.sidebarlink:hover{background-color:#bbb9b944}@media (min-width:920px){#sidebar{height:0;display:none}}@media (max-width:920px){#sidebar{display:flex}}.navAnimation{opacity:0;animation:.6s ease-out forwards slideFade;transform:translateY(-16px)}@keyframes slideFade{to{opacity:1;transform:translateY(0)}}.navAnimation:first-child{animation-delay:.2s}.navAnimation:nth-child(2){animation-delay:.4s}.navAnimation:nth-child(3){animation-delay:.6s}.navAnimation:nth-child(4){animation-delay:.8s}.navAnimation:nth-child(5){animation-delay:1s}#about{opacity:0;width:100%;min-height:100vh;padding:2rem 1rem;animation:.2s linear forwards zoomIn;scale:.9}.aboutPageHeading{text-align:center;margin-bottom:2rem;font-size:clamp(2rem,6vw,4rem)}#aboutInnerDiv{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:2rem;width:100%;min-height:calc(100vh - 120px);display:flex}.aboutPageImage{aspect-ratio:1;border:5px solid #1e293b;border-radius:50%;justify-content:center;align-items:center;width:clamp(160px,35vw,280px);animation:3s linear .3s infinite alternate move;display:flex;overflow:hidden;box-shadow:0 0 30px #fff6,0 0 60px #ffffff4d,0 0 120px #fff3}.aboutPageImage img{object-position:top;object-fit:cover;width:100%;height:100%;scale:1.5}.aboutPageText{max-width:420px}.aboutPageText p{opacity:.9;font-size:1rem;line-height:1.6}@media (max-width:768px){#aboutInnerDiv{text-align:center;flex-direction:column}}.Loader{border:3px solid #fff;border-bottom-color:orange;border-radius:100px;width:30px;height:30px;animation:.5s linear infinite spin}@keyframes spin{to{rotate:360deg}}.btn{cursor:pointer;color:#fff;background:0 0;border:solid #fff;border-radius:.5rem;padding:10px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;position:relative;top:-35px}.btn:hover{color:#000;background:#fff;box-shadow:0 0 20px #ffffff4d}#Personal{opacity:0;justify-content:space-evenly;align-items:center;gap:10px;width:100%;height:100vh;animation:.2s linear forwards zoomIn;display:flex;scale:.9}#title{width:auto}#title>h2{text-align:left}.info{flex-direction:column;justify-content:center;align-items:center;width:auto;min-height:300px;font-family:Arial,Helvetica,sans-serif;display:flex}.about{width:clamp(300px,45vw,400px);margin-top:20px}.info h1{color:#fff;font-size:clamp(2rem,6vw,4rem)}.info h1:first-letter{color:#ff8000}#fieldInfoTag p{color:#fff;white-space:nowrap;border-right:3px solid #fff;width:fit-content;font-size:clamp(1.1rem,2.4vw,2rem);font-weight:700;animation:6s steps(25,end) infinite typing,1s infinite blink;overflow:hidden}@keyframes typing{0%{width:0}50%{width:100%}85%{width:100%}to{width:0}}@keyframes blink{50%{border-color:#0000}}.image{perspective:1000px;aspect-ratio:1;width:clamp(150px,40vw,280px);transform-style:preserve-3d;border:5px solid #1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation:3s linear .3s infinite alternate move;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #fff6,0 0 60px #ffffff4d,0 0 120px #fff3}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(30px)}}.image img{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:all .5s ease-in-out;display:block;scale:1.5}@media (max-width:920px){#Personal{flex-direction:column-reverse;gap:2rem;height:auto;min-height:100vh;padding:2rem 1rem}}.btns{align-items:center;gap:20px;padding:20px;display:flex}.btns>button{cursor:pointer;border:solid #fff;border-radius:.5rem;padding:10px;font-size:1rem;font-weight:700;transition:all .2s ease-in-out}.btns>button:first-child{color:#fff;background:0 0}.btns>button:first-child:hover{color:#000;background:#fff;box-shadow:0 0 20px #ffffff4d}.btns>button:nth-child(2):hover{color:#fff;background:0 0;box-shadow:0 0 20px #ffffff4d}.skill-card{cursor:pointer;perspective:1000px;opacity:0;width:clamp(250px,50vw,300px);height:400px;margin:20px;transition:all .5s;animation:.2s linear forwards zoomIn;position:relative;scale:.9}.skill-card:first-child{animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.2s}.skill-card:nth-child(3){animation-delay:.3s}.skill-card:nth-child(4){animation-delay:.4s}.skill-card:nth-child(5){animation-delay:.5s}.skill-card:nth-child(6){animation-delay:.6s}.skill-card:nth-child(7){animation-delay:.7s}.skill-card:nth-child(8){animation-delay:.8s}.skill-card:nth-child(9){animation-delay:.9s}.skill-card:nth-child(10){animation-delay:1s}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.card-front,.card-back{backface-visibility:hidden;border:1px solid #1e293b;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;transition:all .2s ease-in;display:flex;position:absolute;inset:0;overflow:hidden}.card-front:hover{border:1px solid #38bdf8}.card-front{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff14}.card-back{color:#000;background:#ffffff32;transform:rotateY(180deg);box-shadow:0 0 5px}.card-image{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.card-image img{width:100%;max-width:120px;height:auto}.outer-bar{flex-direction:column;gap:20px;display:flex}.bar{background-color:#1e293b;border:2px solid #1e293b;border-radius:.5rem;width:100%;height:50px;overflow:hidden}.progress{color:#fff;background:#38bdf8;justify-content:center;align-items:center;height:100%;font-family:Arial,Helvetica,sans-serif;animation:1.2s ease-in-out forwards grow;display:flex}@keyframes grow{0%{width:0}}.skill-container{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px;width:100%;padding:20px;display:flex}.Skill-heading{text-align:center;width:100%;font-size:clamp(2.5rem,6vw,5rem)}@media (min-width:1024px){.skill-container{justify-content:flex-start}}.Project-container{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px;width:100%;padding:20px;display:flex}.Project-heading{text-align:center;width:100%;font-size:clamp(2.5rem,6vw,5rem)}@media (min-width:1024px){.Project-container{justify-content:flex-start}}#card{perspective:1000px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;background:#0f172a;border:1px solid #1e293b;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:clamp(250px,50vw,300px);height:400px;margin:20px;padding:10px;transition:all .2s ease-in;animation:.2s linear forwards zoomIn;display:flex;position:relative;scale:.9}#card:hover{border:1px solid #38bdf8}@keyframes zoomIn{to{opacity:1;scale:1}}.cardImage{flex-direction:column;justify-content:center;align-items:center;gap:30px;margin:30px 0;display:flex}.cardImage img{width:100%;max-width:100px;height:auto}.cardInfo{flex-direction:column;align-items:center;gap:10px;width:100%;height:calc(100% - 120px);padding:5px;list-style:none;display:flex}.TechStack{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.cardBtns{gap:10px;margin-top:auto;display:flex}.cardBtns>.cardBtn{cursor:pointer;text-align:center;color:#fff;background-color:#0000;border:1px solid #00fff2;border-radius:.6rem;width:100px;padding:10px;font-size:1rem;text-decoration:none;transition:all .2s ease-in}.cardBtns>.cardBtn:hover{color:#000;background:#00ff0d;box-shadow:0 0 20px #ffffff4d}.cardBtns>.cardBtn:nth-child(2):hover{color:#fff;background:#000200;box-shadow:0 0 20px #ffffff4d}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:30px 20px;display:flex;position:sticky}.footer p{color:#fffc;font-size:.9rem}.footer-links{gap:20px;display:flex}.footer-links a{color:#fff;font-size:.9rem;text-decoration:none;position:relative}.footer-links a:after{content:"";background:#3b82f6;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.footer-links a:hover:after{width:100%}@media (max-width:640px){.footer{text-align:center;flex-direction:column}}.contact-section{opacity:0;flex-direction:column;align-items:center;gap:40px;width:100%;padding:80px 20px;animation:.2s linear forwards zoomIn;display:flex;scale:.9}.contact-heading{color:#fff;font-size:clamp(2rem,5vw,3rem)}.contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:16px;flex-direction:column;gap:30px;width:100%;max-width:500px;padding:32px;display:flex}.input-group{position:relative}.input-group input,.input-group textarea{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:8px;outline:none;width:100%;padding:14px;font-size:1rem}.input-group label{color:#fff9;pointer-events:none;font-size:.9rem;transition:all .3s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-group input:focus+label,.input-group input:valid+label,.input-group textarea:focus+label,.input-group textarea:valid+label{color:#38bdf8;background:#0f172a;padding:0 6px;font-size:.75rem;top:-8px}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:14px;font-size:1rem;transition:transform .3s,box-shadow .3s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f666}