:root{--primary-color: #ffffff;--secondary-color: #1a253c;--background-color: #f8f9fa;--text-color: #343a40;--white: #ffffff;--card-bg: #ffffff;--card-border: #e9ecef;--panel-bg: transparent;--panel-border: rgba(0, 0, 0, .1);--about-glow-color: #ffffff;--project-glow-color: #ffffff;--lavalamp-color: #0a192f;--font-family: "Poppins", sans-serif}body.dark-mode{--primary-color: #ffffff;--secondary-color: #e9ecef;--background-color: #121212;--text-color: #adb5bd;--white: #1f2937;--card-bg: #1f2937;--card-border: #374151;--panel-bg: transparent;--panel-border: rgba(255, 255, 255, .15);--about-glow-color: #ffffff;--project-glow-color: #ffffff;--lavalamp-color: #0a192f}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}h1,h2,h3{color:var(--secondary-color);margin-bottom:1rem}section{padding:60px 0}a{text-decoration:none;color:var(--primary-color)}ul{list-style:none}:root{--primary-color: #007bff;--secondary-color: #1a253c;--background-color: #f8f9fa;--text-color: #343a40;--white: #ffffff;--card-bg: #ffffff;--card-border: #e9ecef;--panel-bg: transparent;--panel-border: rgba(0, 0, 0, .1);--about-glow-color: #7F52FF;--project-glow-color: #ffffff;--lavalamp-color: #0047AB;--font-family-heading: "Sora", sans-serif;--font-family-body: "Inter", sans-serif}body.dark-mode{--primary-color: #007bff;--secondary-color: #e9ecef;--background-color: #121212;--text-color: #adb5bd;--white: #1f2937;--card-bg: #1f2937;--card-border: #374151;--panel-bg: transparent;--panel-border: rgba(255, 255, 255, .15);--about-glow-color: #7F52FF;--project-glow-color: #ffffff;--lavalamp-color: #0a192f}::selection{background-color:#fff;color:#000}::-moz-selection{background-color:#fff;color:#000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:none}body{font-family:var(--font-family-body);background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s;overflow-x:hidden;cursor:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}main{padding:0 2rem}section{padding:6rem 0}section:last-child{border-bottom:none}.container{max-width:1100px;margin:0 auto;padding:0 1rem}h1,h2,h3{font-family:var(--font-family-heading);color:var(--secondary-color);margin-bottom:1rem;display:inline-block}h1{font-size:3rem}h2{font-size:2.2rem}h3{font-size:1.5rem}a{color:var(--primary-color);text-decoration:none}.fixed-logo{position:fixed;top:20px;left:20px;font-size:1.5rem;font-weight:700;color:#fff;z-index:1000;text-decoration:none;cursor:none;transition:color .3s ease}.fixed-logo:hover{cursor:white}.resume-button-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000}.resume-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:var(--panel-bg);border:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;box-shadow:0 10px 40px #0000004d;color:#fff!important;font-family:var(--font-family-heading);font-weight:600;transition:all .3s ease;cursor:none}.resume-button:hover{transform:translateY(-3px);box-shadow:0 15px 45px #0006;color:#fff!important;opacity:.8}.resume-button svg{color:#fff!important}.resume-button:hover svg{color:#fff!important}.theme-switcher-container{position:fixed;top:20px;right:20px;z-index:1000}.theme-switcher-container .theme-switcher,.theme-switcher-container .theme-switcher:hover{color:#fff!important}.theme-switcher-container .theme-switcher svg{color:#fff!important}.theme-switcher-container .theme-switcher:hover svg{color:#fff!important}#hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;padding:2rem;position:relative}.hero-content{margin-bottom:4rem}.hero-title-container h1{margin:0;font-size:4.5rem}.hero-subtitle-container{margin-top:.5rem}.scroll-down-arrow{position:absolute;bottom:6rem;color:var(--secondary-color);font-size:2.5rem;animation:bounce 2s infinite;transition:color .3s;cursor:none}.hero-subtitle-panel{display:inline-block;padding:.5rem 1.5rem;background:var(--panel-bg);border:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;box-shadow:0 15px 50px #0006}.section-title-panel{display:inline-block;padding:.5rem 2rem;background:var(--panel-bg);border:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;box-shadow:0 15px 50px #0006;margin-bottom:2rem}.section-title-panel h2{margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.about-container{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:4rem;background:var(--panel-bg);border:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1.5rem;border-radius:12px;box-shadow:0 10px 40px #0000004d;transition:transform .3s ease,box-shadow .3s ease-in-out}.about-container:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026,0 0 30px -2px var(--about-glow-color)}.profile-pic{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 4px 15px #0000001a}.social-links{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding-left:2rem}.social-links a{color:var(--text-color);transition:color .3s ease;cursor:none}.social-links a:hover{color:var(--text-color)!important}.social-links a:focus{color:var(--text-color)!important}.social-links a svg{color:inherit!important}.social-links a:first-child:hover svg{color:#fff!important;filter:brightness(1.5);text-shadow:0 0 10px white}.social-links a:last-child:hover svg{color:#0077b5!important;filter:brightness(1.5);text-shadow:0 0 10px #0077b5}.about-text{display:flex;align-items:center;gap:1rem;max-width:600px;text-align:left}.about-section-container{text-align:center}.text-center{text-align:center;margin-bottom:2rem}#skills{padding-bottom:12rem}.skills-section{text-align:center}.skills{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;padding:1.5rem;background:var(--panel-bg);border:none;border-radius:12px;box-shadow:0 10px 40px #0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .3s ease,box-shadow .3s ease}.skill-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f,0 0 25px 8px var(--skill-color)}.skill-item:hover svg{color:var(--skill-color)}.skill-item.js:hover{--skill-color: #F0DB4F}.skill-item.react:hover{--skill-color: #00C8F8}.skill-item.node:hover{--skill-color: #3C873A}.skill-item.python:hover{--skill-color: #3572A5}.skill-item.java:hover{--skill-color: #f89820}.skill-item.kotlin:hover{--skill-color: #7F52FF}body.dark-mode .skill-item.github:hover{--skill-color: #FFFFFF}.skill-item span{font-size:.9rem;font-weight:500}.skill-link{text-decoration:none;color:inherit;cursor:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:var(--panel-bg);padding:1.5rem;border-radius:12px;box-shadow:0 10px 40px #0000004d;transition:transform .3s ease,box-shadow .3s ease;border:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-align:center}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a,0 0 20px var(--project-glow-color)}.project-card h3{margin-bottom:.5rem;color:var(--secondary-color)}.project-card p{font-size:.95rem;line-height:1.6;margin-bottom:1rem}.project-links a{color:var(--primary-color);text-decoration:none;margin-right:1.5rem;font-weight:600;transition:color .3s;cursor:none}.project-links a:hover{text-decoration:underline}.fade-in-section{opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}.custom-cursor{position:fixed;width:20px;height:20px;background-color:#191970;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9998;filter:blur(12px);opacity:1;transition:transform .2s ease-out}.custom-cursor.hover{transform:translate(-50%,-50%) scale(1.5)}@media screen and (max-width: 768px){body{cursor:auto}h1{font-size:2.5rem}h2{font-size:1.8rem}.custom-cursor{display:none}.about-container{flex-direction:column;text-align:center}.about-text{flex-direction:column;text-align:center;gap:2rem}.social-links{flex-direction:row;padding-left:0}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.2rem}}.footer{position:relative;bottom:0;left:0;right:0;margin-top:2rem;padding:.75rem 0;z-index:100}.footer-content{padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.footer-content p{color:var(--text-color);font-size:.8rem;opacity:.8;margin:0}.footer-links{display:flex;gap:.5rem;align-items:center}.footer-link{color:var(--text-color);opacity:.7;transition:all .3s ease;cursor:none;padding:.3rem;border-radius:6px;background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.footer-link:hover{opacity:1;transform:translateY(-2px);box-shadow:0 5px 15px #0003;background:#ffffff1a}@media (max-width: 768px){.footer{padding:.75rem 1rem}.footer-content{flex-direction:column;text-align:center;gap:.5rem}.footer-links{justify-content:center}}.theme-switcher{background:none!important;border:none!important;color:#fff!important;cursor:none!important;font-size:1.25rem;display:flex;align-items:center;padding:.5rem;border-radius:50%;transition:color .3s ease,background-color .3s ease}.theme-switcher:hover{color:#fff!important;opacity:.8}.theme-switcher svg{color:#fff!important}.theme-switcher:hover svg{color:#fff!important}button.theme-switcher,button.theme-switcher:hover{color:#fff!important}button.theme-switcher svg{color:#fff!important}button.theme-switcher:hover svg{color:#fff!important}body.dark-mode .theme-switcher{color:#fff!important}body.dark-mode .theme-switcher:hover{color:#fff!important;opacity:.8}body.dark-mode .theme-switcher svg{color:#fff!important}body.dark-mode .theme-switcher:hover svg{color:#fff!important}body.light-mode .theme-switcher{color:#fff!important}body.light-mode .theme-switcher:hover{color:#fff!important;opacity:.8}body.light-mode .theme-switcher svg{color:#fff!important}body.light-mode .theme-switcher:hover svg{color:#fff!important}.lava-lamp-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;background:var(--background-color)}.blob{position:absolute;border-radius:50%;background:var(--lavalamp-color);opacity:.8;filter:blur(35px) brightness(1.1);box-shadow:0 0 100px var(--lavalamp-color),0 0 150px var(--lavalamp-color),0 0 200px var(--lavalamp-color),0 0 250px var(--lavalamp-color)}.blob:nth-child(1){width:500px;height:500px;top:-150px;left:-150px;animation:move1 45s infinite ease-in-out}.blob:nth-child(2){width:200px;height:200px;top:40%;left:80%;animation:move2 55s infinite ease-in-out}.blob:nth-child(3){width:350px;height:350px;top:90%;left:5%;animation:move3 40s infinite ease-in-out}.blob:nth-child(4){width:150px;height:150px;top:10%;left:50%;animation:move4 60s infinite ease-in-out}@keyframes move1{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(40vw,20vh) rotate(90deg) scale(1.2)}50%{transform:translate(20vw,60vh) rotate(180deg) scale(.8)}75%{transform:translate(60vw,40vh) rotate(270deg) scale(1.1)}}@keyframes move2{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-30vw,-20vh) rotate(120deg) scale(1.3)}66%{transform:translate(-10vw,30vh) rotate(240deg) scale(.9)}}@keyframes move3{0%,to{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(25vw,-40vh) rotate(72deg) scale(1.4)}40%{transform:translate(50vw,-20vh) rotate(144deg) scale(.7)}60%{transform:translate(30vw,20vh) rotate(216deg) scale(1.2)}80%{transform:translate(10vw,40vh) rotate(288deg) scale(.8)}}@keyframes move4{0%,to{transform:translate(0) rotate(0) scale(1)}16%{transform:translate(-40vw,10vh) rotate(60deg) scale(1.1)}32%{transform:translate(-20vw,-30vh) rotate(120deg) scale(.9)}48%{transform:translate(20vw,-20vh) rotate(180deg) scale(1.3)}64%{transform:translate(40vw,30vh) rotate(240deg) scale(.8)}80%{transform:translate(10vw,50vh) rotate(300deg) scale(1.2)}}.dot{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.7;filter:blur(1px);animation:float 20s infinite linear}.dot:nth-child(5){top:15%;left:25%;animation-delay:0s}.dot:nth-child(6){top:35%;left:75%;animation-delay:-5s}.dot:nth-child(7){top:65%;left:15%;animation-delay:-10s}.dot:nth-child(8){top:85%;left:65%;animation-delay:-15s}.dot:nth-child(9){top:25%;left:45%;animation-delay:-2s}.dot:nth-child(10){top:55%;left:85%;animation-delay:-7s}.dot:nth-child(11){top:75%;left:35%;animation-delay:-12s}.dot:nth-child(12){top:45%;left:5%;animation-delay:-17s}.dot:nth-child(13){top:5%;left:55%;animation-delay:-3s}.dot:nth-child(14){top:95%;left:25%;animation-delay:-8s}.dot:nth-child(15){top:15%;left:85%;animation-delay:-13s}.dot:nth-child(16){top:85%;left:95%;animation-delay:-18s}.dot:nth-child(17){top:35%;left:35%;animation-delay:-4s}.dot:nth-child(18){top:65%;left:75%;animation-delay:-9s}.dot:nth-child(19){top:95%;left:45%;animation-delay:-14s}.dot:nth-child(20){top:5%;left:15%;animation-delay:-19s}@keyframes float{0%{transform:translate(0)}25%{transform:translate(20px,-15px)}50%{transform:translate(-10px,25px)}75%{transform:translate(15px,-10px)}to{transform:translate(0)}}