@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;700;800&display=swap";
.App{text-align:center;min-height:100vh}
html,body,#__next{width:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 8% 8%,#4fd1c51f,#0000 40%),radial-gradient(circle at 86% 6%,#7aa2ff1f,#0000 35%),linear-gradient(160deg,#0b1220,#0a111f 42%,#0a0f1a);margin:0;overflow-x:hidden;color:#f4f8ff!important;font-family:Manrope,Segoe UI,sans-serif!important}
:root{--bg-main:#0f1626;--bg-deep:#0a0f1a;--bg-panel:#121c2eb8;--text-main:#f4f8ff;--text-muted:#b2bfd6;--accent:#4fd1c5;--accent-2:#6da7ff;--accent-3:#7aa2ff;--apple-blue:#58a6ff;--apple-glow:0 0 0 1px #58a6ff57, 0 0 26px #58a6ff3d, 0 14px 28px #08162c66;--glass-bg:#121e327a;--glass-bg-soft:#121e3252;--glass-stroke:#bedcff33;--glass-stroke-strong:#bedcff4d;--glass-highlight:linear-gradient(135deg, #ffffff38, #ffffff0a);--glass-blur:18px;--ring:#4fd1c559;--shadow-soft:0 16px 40px #030a1859;--shadow-card:0 12px 28px #030a186b;--radius-lg:22px;--radius-md:14px}*{box-sizing:border-box}.App{isolation:isolate;position:relative}.App:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 10%,#4fd1c51f,#0000 45%),radial-gradient(circle at 85% 15%,#7aa2ff29,#0000 36%),radial-gradient(circle at 35% 90%,#5799ff24,#0000 38%),linear-gradient(150deg,#070c15d9,#0a101ce6);position:fixed;inset:0}.purple{color:var(--accent)!important}button:focus,.btn:focus,a:focus-visible{outline:none;box-shadow:0 0 0 .2rem var(--ring)!important}#preloader{z-index:999999;background:url(../media/pre.06-4x82g4wz.m.svg) 50% no-repeat;position:fixed;inset:0}#preloader-none{opacity:0;pointer-events:none}#no-scroll{visibility:hidden;opacity:0;pointer-events:none;height:100vh;overflow:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d1525}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:999px}#tsparticles{z-index:0;opacity:.55;pointer-events:none;inset:0;position:fixed!important}.navbar,.sticky{z-index:90;width:100%;transition:all .28s;overflow:hidden;padding:.75rem 2rem!important;position:fixed!important}.navbar{-webkit-backdrop-filter:none;box-shadow:none;border-bottom:1px solid #0000;background:0 0!important}.sticky{-webkit-backdrop-filter:blur(42px)saturate(165%);border-bottom:1px solid var(--glass-stroke);box-shadow:var(--shadow-soft);background:#121c2e85!important}.navbar.sticky{will-change:backdrop-filter;-webkit-backdrop-filter:blur(42px)saturate(165%)!important;background:#121c2e85!important}.sticky:before{content:"";pointer-events:none;z-index:0;opacity:.38;background:radial-gradient(circle at 50% 30%,#795fd233,#0000 34%),radial-gradient(circle at 18%,#4489ff1f,#0000 40%),radial-gradient(circle at 84% 45%,#52c8ff1a,#0000 40%);position:absolute;inset:0}.sticky:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff1f,#ffffff05 38%,#05080f1a 100%);position:absolute;inset:0}.navbar:before,.navbar:after{content:none}.navbar>.container,.sticky>.container{z-index:2;position:relative}.navbar-brand{color:var(--text-main)!important}.brand{letter-spacing:.05em;margin:0;font-family:Sora,Segoe UI,sans-serif;font-size:1.12rem}.navbar-toggler{border:none!important;padding:.35rem .5rem!important}.navbar-toggler span{background:linear-gradient(to right, var(--accent), var(--accent-2));border-radius:10px;width:26px;height:3px;margin:5px 0;display:block}.navbar-nav .nav-item{margin-left:10px}.navbar-nav .nav-link{letter-spacing:.02em;border-radius:999px;font-weight:600;transition:all .2s;color:var(--text-main)!important;padding:.65rem 1rem!important}.navbar-nav .nav-link:hover{box-shadow:var(--apple-glow);background:#4fd1c524;color:#d7fff9!important}@media (max-width:767px){.navbar,.sticky{padding:.8rem 1rem!important}.navbar-collapse{box-shadow:var(--shadow-card);background:linear-gradient(120deg,#141c36fa,#291b4af5);border:1px solid #92b0e238;border-radius:14px;margin-top:.6rem;padding:.6rem}.navbar-nav .nav-item{margin-left:0}}.home-section,.about-section,.project-section,.resume-section,.java-section,.presentations-section,.home-about-section{z-index:1;background:0 0;min-height:100vh;position:relative;padding-top:7.5rem!important;padding-bottom:3rem!important}.about-section:after{content:"";z-index:0;pointer-events:none;filter:blur(16px);background:radial-gradient(circle at 22% 28%,#58a6ff29,#0000 42%),radial-gradient(circle at 78% 30%,#58a6ff33,#0000 46%),radial-gradient(circle at 48% 75%,#5096ff1f,#0000 44%);position:absolute;inset:14% 6% 10%}.about-section>.container{z-index:1;position:relative}.home-content{color:var(--text-main);text-align:left;padding-top:2.5rem!important}.home-header{padding-top:2rem!important}.heading{margin-bottom:.5rem;font-family:Sora,Segoe UI,sans-serif;line-height:1.1;font-size:clamp(2rem,4vw,3rem)!important}.heading-name{margin-bottom:1rem;font-family:Sora,Segoe UI,sans-serif;font-size:clamp(2rem,4.2vw,3.25rem)!important}.main-name{color:var(--accent-2)}.section-lead{max-width:620px;color:var(--text-muted);margin:1.1rem 0;font-size:1.05rem;line-height:1.7}.Typewriter__wrapper{color:#c8f8f3!important;font-size:clamp(1.35rem,2.6vw,2.1rem)!important;font-weight:700!important}.Typewriter__cursor{color:var(--accent-2)!important;font-size:clamp(1.4rem,2.8vw,2.2rem)!important}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.25rem;padding-bottom:1.25rem;display:flex}.hero-btn{border-radius:12px;justify-content:center;align-items:center;padding:.72rem 1.15rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.hero-btn-primary{color:#082622;background:linear-gradient(120deg, var(--accent), #8cf3e8);box-shadow:0 12px 22px #4fd1c542}.hero-btn-outline{color:var(--text-main);border:1px solid var(--glass-stroke-strong);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px)}.hero-btn:hover{color:inherit;box-shadow:var(--apple-glow);transform:translateY(-2px)}.myAvtar{justify-content:center;align-items:center;display:flex;padding-top:.5rem!important}.myAvtar>div{width:min(100%,360px)}.myAvtar .img-fluid{width:100%;height:auto}.img-fluid{border-radius:18px;max-width:100%;height:auto}.home-hero-graphic{filter:grayscale(.28)sepia(.22)hue-rotate(178deg)saturate(1.05)brightness(.94)contrast(1.08)drop-shadow(0 14px 34px #1660d252);opacity:.96}.home-about-description,.project-section .container>p,.not-found-para,.home-about-body{line-height:1.75;color:var(--text-muted)!important}.home-about-description{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.6rem;position:relative;overflow:hidden}.home-about-description:before{content:"";border-radius:inherit;background:var(--glass-highlight);opacity:.45;pointer-events:none;position:absolute;inset:0}.home-about-social{z-index:2;text-align:center;margin-top:0;padding-top:1rem;position:relative}.home-about-social h1,.project-heading{color:var(--text-main);letter-spacing:.02em;margin-bottom:.85rem;font-family:Sora,Segoe UI,sans-serif}.home-about-social p{color:var(--text-muted)!important}.home-about-section>.container{z-index:2;position:relative}.home-about-section .row{row-gap:1.5rem}.home-about-section .row+.row{margin-top:2rem}.home-about-social-links,.footer-icons{flex-wrap:wrap;justify-content:center;gap:.8rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.home-social-icons,.footer-icons .social-icons a{width:2.65rem;height:2.65rem;color:var(--text-main);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-stroke);border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:inline-flex}.home-social-icons:hover,.footer-icons .social-icons a:hover{box-shadow:var(--apple-glow);background:#4fd1c533;transform:translateY(-2px)}.quote-card-view,.project-card-view{-webkit-backdrop-filter:blur(var(--glass-blur));transition:transform .22s,box-shadow .24s,border-color .24s;position:relative;overflow:hidden;background:var(--glass-bg)!important;border:1px solid var(--glass-stroke)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important;color:var(--text-main)!important}.quote-card-view:before,.project-card-view:before{content:"";border-radius:inherit;background:var(--glass-highlight);opacity:.38;pointer-events:none;position:absolute;inset:0}.quote-card-view p,.project-card-view .card-text{color:var(--text-muted)!important}.quote-card-view:hover,.project-card-view:hover,.home-about-description:hover,.presentation-card:hover{box-shadow:var(--apple-glow)!important;border-color:#58a6ff73!important}.about-activity{align-items:center;gap:.55rem;margin-bottom:.55rem;display:flex}.about-activity-list{margin:.8rem 0 0;padding-left:0;list-style:none}.about-activity svg{color:#c9dcff;flex:none}.tech-grid{gap:1.25rem 1rem;justify-content:center!important}.tech-grid>[class*=col-]{justify-content:center;display:flex}.tech-icons{--icon-accent:#7aa2ff;--icon-accent-soft:#7aa2ff59;--icon-accent-shadow:#7aa2ff73;-webkit-backdrop-filter:blur(14px);aspect-ratio:1;text-align:center;opacity:0;border-radius:16px;justify-content:center;align-items:center;width:min(100%,165px);min-height:0;margin:0;padding:.95rem;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.62s cubic-bezier(.2,.7,.2,1) forwards glass-in;display:flex;position:relative;overflow:hidden;transform:translateY(14px)scale(.98);box-shadow:inset 0 1px #ffffff29,0 12px 26px #030a184d;border:1px solid var(--glass-stroke)!important;color:var(--text-main)!important;background:linear-gradient(145deg,#15243c99,#0e182b6b)!important;font-size:1.9rem!important}.tech-icons:before{content:"";border-radius:inherit;opacity:.45;pointer-events:none;background:linear-gradient(130deg,#fff3,#ffffff05 55%);position:absolute;inset:0}.tech-icons:after{content:"";background:radial-gradient(circle, var(--icon-accent-soft), transparent 72%);filter:blur(18px);opacity:0;pointer-events:none;border-radius:999px;transition:opacity .22s;position:absolute;inset:18% 22%}.tech-icons svg{color:var(--icon-accent);filter:none;width:1em;height:1em;font-size:clamp(2.8rem,4.1vw,4rem);transition:filter .22s,transform .22s}.tech-icons:hover{box-shadow:inset 0 1px 0 #fff3, 0 16px 30px #0a183080, 0 0 0 1px var(--icon-accent-soft), 0 0 28px #58a6ff3d, var(--apple-glow);transform:translateY(-10px)scale(1.05);border-color:var(--icon-accent)!important}.tech-icons:hover:after{opacity:.72}.tech-icons:hover svg{filter:drop-shadow(0 0 10px var(--icon-accent-shadow));transform:scale(1.1)}.tech-icons:first-child{animation-delay:30ms}.tech-icons:nth-child(2){animation-delay:60ms}.tech-icons:nth-child(3){animation-delay:90ms}.tech-icons:nth-child(4){animation-delay:.12s}.tech-icons:nth-child(5){animation-delay:.15s}.tech-icons:nth-child(6){animation-delay:.18s}.tech-icons:nth-child(7){animation-delay:.21s}.tech-icons:nth-child(8){animation-delay:.24s}.tech-icons:nth-child(9){animation-delay:.27s}.tech-icons:nth-child(10){animation-delay:.3s}.tech-icons:nth-child(11){animation-delay:.33s}.tech-icons:nth-child(12){animation-delay:.36s}.tech-icons:nth-child(13){animation-delay:.39s}.tech-icons:nth-child(14){animation-delay:.42s}.tech-icons:nth-child(15){animation-delay:.45s}.tech-icons:nth-child(16){animation-delay:.48s}@keyframes glass-in{to{opacity:1;transform:translateY(0)scale(1)}}.accent-html{--icon-accent:#f59e0b;--icon-accent-soft:#f59e0b57;--icon-accent-shadow:#f59e0b6b}.accent-css{--icon-accent:#60a5fa;--icon-accent-soft:#60a5fa59;--icon-accent-shadow:#60a5fa73}.accent-js{--icon-accent:#facc15;--icon-accent-soft:#facc1554;--icon-accent-shadow:#facc1566}.accent-bootstrap{--icon-accent:#c084fc;--icon-accent-soft:#c084fc59;--icon-accent-shadow:#c084fc73}.accent-tailwind{--icon-accent:#22d3ee;--icon-accent-soft:#22d3ee57;--icon-accent-shadow:#22d3ee6b}.accent-php{--icon-accent:#818cf8;--icon-accent-soft:#818cf857;--icon-accent-shadow:#818cf86b}.accent-react{--icon-accent:#67e8f9;--icon-accent-soft:#67e8f957;--icon-accent-shadow:#67e8f96b}.accent-mysql{--icon-accent:#38bdf8;--icon-accent-soft:#38bdf857;--icon-accent-shadow:#38bdf86b}.accent-cpp{--icon-accent:#93c5fd;--icon-accent-soft:#93c5fd57;--icon-accent-shadow:#93c5fd6b}.accent-git{--icon-accent:#fb7185;--icon-accent-soft:#fb718557;--icon-accent-shadow:#fb71856b}.accent-github{--icon-accent:#e2e8f0;--icon-accent-soft:#e2e8f04d;--icon-accent-shadow:#e2e8f061}.accent-drupal{--icon-accent:#38bdf8;--icon-accent-soft:#38bdf857;--icon-accent-shadow:#38bdf86b}.accent-wordpress{--icon-accent:#60a5fa;--icon-accent-soft:#60a5fa59;--icon-accent-shadow:#60a5fa73}.accent-python{--icon-accent:#facc15;--icon-accent-soft:#facc1554;--icon-accent-shadow:#facc1566}.accent-java{--icon-accent:#fb7185;--icon-accent-soft:#fb718557;--icon-accent-shadow:#fb71856b}.accent-win{--icon-accent:#60a5fa;--icon-accent-soft:#60a5fa59;--icon-accent-shadow:#60a5fa73}.accent-ubuntu{--icon-accent:#fb923c;--icon-accent-soft:#fb923c57;--icon-accent-shadow:#fb923c6b}.accent-kali{--icon-accent:#22d3ee;--icon-accent-soft:#22d3ee57;--icon-accent-shadow:#22d3ee6b}.accent-manjaro{--icon-accent:#4ade80;--icon-accent-soft:#4ade8057;--icon-accent-shadow:#4ade806b}.accent-vscode{--icon-accent:#38bdf8;--icon-accent-soft:#38bdf857;--icon-accent-shadow:#38bdf86b}.accent-intellij{--icon-accent:#a78bfa;--icon-accent-soft:#a78bfa57;--icon-accent-shadow:#a78bfa6b}.accent-premiere{--icon-accent:#c084fc;--icon-accent-soft:#c084fc59;--icon-accent-shadow:#c084fc73}.accent-photoshop{--icon-accent:#60a5fa;--icon-accent-soft:#60a5fa59;--icon-accent-shadow:#60a5fa73}.accent-discord{--icon-accent:#818cf8;--icon-accent-soft:#818cf857;--icon-accent-shadow:#818cf86b}.accent-audacity{--icon-accent:#67e8f9;--icon-accent-soft:#67e8f957;--icon-accent-shadow:#67e8f96b}.accent-azure{--icon-accent:#38bdf8;--icon-accent-soft:#38bdf857;--icon-accent-shadow:#38bdf86b}.accent-overleaf{--icon-accent:#4ade80;--icon-accent-soft:#4ade8057;--icon-accent-shadow:#4ade806b}.accent-vercel{--icon-accent:#e2e8f0;--icon-accent-soft:#e2e8f04d;--icon-accent-shadow:#e2e8f061}.accent-canva{--icon-accent:#22d3ee;--icon-accent-soft:#22d3ee57;--icon-accent-shadow:#22d3ee6b}.accent-figma{--icon-accent:#f43f5e;--icon-accent-soft:#f43f5e57;--icon-accent-shadow:#f43f5e6b}.accent-sheets{--icon-accent:#4ade80;--icon-accent-soft:#4ade8057;--icon-accent-shadow:#4ade806b}@media (prefers-reduced-motion:reduce){.tech-icons{opacity:1;animation:none;transform:none}}.project-card{margin-bottom:1rem}.project-card-view .card-title{color:var(--text-main)}.project-card-media{border-bottom:1px solid var(--glass-stroke);border-radius:14px 14px 0 0;overflow:hidden}.project-card-image{width:100%;height:auto;display:block}.btn-primary,.btn.btn-primary{box-shadow:0 10px 20px #4fd1c540;color:#071e1b!important;background:linear-gradient(120deg, var(--accent), #8cf3e8)!important;border:none!important;border-radius:10px!important;padding:.6rem .95rem!important;font-weight:700!important}.btn-primary:hover,.btn.btn-primary:hover{box-shadow:var(--apple-glow);transform:translateY(-1px)}.resume{margin:1.4rem auto}.react-pdf__Page{box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.presentation-card{background:var(--glass-bg);width:100%;max-width:940px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:.8rem}.presentation-card iframe{border-radius:12px}.footer{z-index:2;-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-stroke);background:#0a101b94;margin-top:3rem;padding:1.2rem .8rem;position:relative;box-shadow:inset 0 1px #ffffff14}.footer-copywright,.footer-body{color:var(--text-muted)}.footer-copywright h3{color:var(--text-main);margin:0;font-size:.98rem}.footer-copywright{justify-content:center;align-items:center;min-height:2.4rem;display:flex}.not-found-para{margin-top:.9rem}.not-found-para hr{border-color:#92aad147}.wave{transform-origin:70% 70%;animation:2.1s infinite wave-animation;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}@media (max-width:992px){.home-content{text-align:center}.section-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.myAvtar{padding-top:0!important}.home-about-section .row+.row{margin-top:1.25rem}}@media (min-width:1200px){.tech-grid{gap:1.35rem 1.1rem}.tech-icons{width:min(100%,152px);min-height:0;padding:.82rem;font-size:1.82rem!important}.tech-icons svg{font-size:3.4rem}}@media (max-width:767px){.home-section,.about-section,.project-section,.resume-section,.java-section,.presentations-section,.home-about-section{padding-top:6rem!important}.home-about-description{padding:1.2rem}.tech-icons{aspect-ratio:1;border-radius:14px;width:min(100%,124px);min-height:0;padding:.72rem;font-size:1.7rem!important}.tech-icons svg{font-size:2.35rem}.heading,.heading-name{text-align:center}.home-header{padding-top:.6rem!important}.hero-actions{margin-top:.5rem}}