@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";.top-row{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0rem 1.5rem;height:3rem;background:#0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(68,174,255,.1);box-shadow:0 4px 20px #44aeff0d;animation:topRowFadeIn .6s ease forwards;opacity:0}.top-row .logo .name{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#fff,#83c7fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(20px);animation:fadeInUp .6s forwards;animation-delay:.15s}.top-row .clock-container .clock p{color:#ffffff80;font-size:1rem;opacity:0;transform:translateY(20px);animation:fadeInUp .6s forwards;animation-delay:.25s}@keyframes topRowFadeIn{0%{opacity:0}to{opacity:1}}.hero{position:relative;overflow:hidden;z-index:10;display:flex;flex-direction:column;gap:3rem;padding:0 1.5rem;align-items:center;justify-content:center;max-width:1000px;margin:0 auto}.hero .hero-first-column,.hero .hero-name-title-column,.hero .hero-location-social-column,.hero .hero-resume-column{animation:fadeFromTop .8s ease forwards;opacity:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero .hero-first-column>*,.hero .hero-name-title-column>*,.hero .hero-location-social-column>*,.hero .hero-resume-column>*{opacity:0;transform:translateY(20px);animation:fadeInUp .6s forwards}.hero .hero-first-column>*:nth-child(1),.hero .hero-name-title-column>*:nth-child(1),.hero .hero-location-social-column>*:nth-child(1),.hero .hero-resume-column>*:nth-child(1){animation-delay:.2s}.hero .hero-first-column>*:nth-child(2),.hero .hero-name-title-column>*:nth-child(2),.hero .hero-location-social-column>*:nth-child(2),.hero .hero-resume-column>*:nth-child(2){animation-delay:.3s}.hero .hero-first-column>*:nth-child(3),.hero .hero-name-title-column>*:nth-child(3),.hero .hero-location-social-column>*:nth-child(3),.hero .hero-resume-column>*:nth-child(3){animation-delay:.4s}.hero .profile-pic{width:10rem;border-radius:50%;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .7s ease forwards;opacity:.85!important}.hero .profile-pic:hover{box-shadow:0 0 50px #44aeff33}.hero h1{font-size:2.5rem;margin-bottom:.3rem;text-align:center}.hero h2{font-size:1.4rem;text-align:center;font-weight:400;line-height:1.4;background:linear-gradient(90deg,#fff,#76b8f9d9 55%,#76b8f9cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .location{display:flex;align-items:center;gap:.5rem;opacity:.7}.hero .location img{width:2.5rem;filter:invert(100%)}.hero .social-icons{width:100%;display:flex;align-items:center;justify-content:center;gap:3rem}.hero .social-icons button{background:none;border:none}.hero .social-icons .social-icon{width:2.4rem;transition:transform .25s ease,opacity .25s ease}.hero .social-icons .social-icon:hover{transform:scale(1.15);opacity:1}.hero .social-icons .github-icon{width:2.1rem;filter:invert(100%)}.hero .resume-button{background:#000;border:1px solid rgba(68,174,255,.4);color:#44adfd;display:flex;align-items:center;padding:.5rem 2rem;border-radius:10px;gap:1rem;font-size:1rem;box-shadow:0 0 18px #44aeff2e;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hero .resume-button img{width:1.8rem;transition:transform .3s ease}.hero .resume-button:hover{transform:scale(1.05);box-shadow:0 0 28px #44aeff59;border-color:#44aeffb3}.hero .resume-button:hover img{transform:scale(1.15)}.hero .hero-description{max-width:100%;line-height:1.5;letter-spacing:1px;opacity:.8!important}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.decor-line,.decor-line-two{position:absolute;width:300%;opacity:.02;pointer-events:none;filter:drop-shadow(0 0 20px rgba(68,174,255,.3)) drop-shadow(0 0 40px rgba(68,174,255,.2));z-index:-10}.decor-line{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg)}.decor-line-two{top:80%;left:50%;transform:translate(-50%,-50%)}@media(min-width:1024px){.hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:2rem}.hero .hero-first-column{grid-column:1/-1;justify-content:center}.hero .hero-first-column .profile-pic{margin-top:0!important}.hero .hero-name-title-column{grid-column:1/2;align-items:center;justify-content:center;height:10rem}.hero .hero-location-social-column{grid-column:2/3;align-items:center;justify-content:center;height:10rem;gap:3rem}.hero .hero-resume-column{grid-column:1/-1;justify-content:center}.hero .hero-description{grid-column:1/-1;margin-top:2rem;text-align:left}}.professional-section{margin-top:1rem;padding:1rem 1.5rem;position:relative;z-index:5;max-width:1000px;margin:0 auto}.professional-section:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:120%;height:120%;background:radial-gradient(circle at center,rgba(120,100,255,.08),transparent 70%);z-index:-1;pointer-events:none}.professional-section .professional-section-title{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem}.professional-section .professional-section-title h3{font-size:1.55rem;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;margin:0;background:linear-gradient(90deg,#fff,#76b8f9bf 55%,#76b8f966);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInGlow .7s ease forwards;opacity:0}.professional-section .professional-section-title .professional-section-icon-container{width:2.4rem;padding:.45rem;border-radius:8px;background:linear-gradient(145deg,#5a46c82e,#328cff1f);border:1px solid rgba(120,160,255,.25);box-shadow:inset 0 0 12px #7864ff40,0 0 16px #44aeff40;transition:transform .25s ease,box-shadow .25s ease}.professional-section .professional-section-title .professional-section-icon-container img{width:100%;opacity:.9;filter:drop-shadow(0 0 6px rgba(120,160,255,.4))}.professional-section .professional-separator{width:90%;margin:3rem auto;border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(120,160,255,.3),transparent);opacity:0;animation:fadeInUp .6s .2s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.professional-card{margin-bottom:2rem;padding:1.2rem 1rem;border-radius:12px;background:#14141e59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(68,174,255,.12);box-shadow:0 0 16px #44aeff1f}.professional-card h2{margin:0;font-size:1.3rem;font-weight:600}.professional-card .company-container{display:flex;align-items:center;gap:.5rem}.professional-card .company-container img{width:1.5rem;border-radius:5px}.professional-card h3{margin:1rem 0;opacity:.9;font-size:1.1rem;color:#44adfd}.professional-card span{font-size:.95rem;opacity:.6}.professional-card .description{opacity:.9}.professional-card p{margin-top:1rem;opacity:.9!important;line-height:1.4}.professional-card .bulletpoint-container{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.professional-card .bulletpoint-container .custom-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#44aeff,#44aeff59 55%,#44aeff00);opacity:.5;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(68,174,255,.5)) drop-shadow(0 0 12px rgba(68,174,255,.25))}.professional-card .bulletpoint-container p{margin:0;opacity:.8}.techstack-section{margin-top:1rem;margin-bottom:2rem;padding:1rem 1.5rem;position:relative;z-index:5;max-width:1000px;margin:0 auto}.techstack-section:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:120%;height:120%;background:radial-gradient(circle at center,rgba(120,100,255,.08),transparent 70%);z-index:-1;pointer-events:none}.techstack-section .techstack-section-title{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem}.techstack-section .techstack-section-title h3{font-size:1.55rem;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;margin:0;background:linear-gradient(90deg,#fff,#76b8f9bf 55%,#76b8f966);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInGlow .7s ease forwards;opacity:0}.techstack-section .techstack-section-title .techstack-section-icon-container{width:2.4rem;padding:.45rem;border-radius:8px;background:linear-gradient(145deg,#5a46c82e,#328cff1f);border:1px solid rgba(120,160,255,.25);box-shadow:inset 0 0 12px #7864ff40,0 0 16px #44aeff40;transition:transform .25s ease,box-shadow .25s ease}.techstack-section .techstack-section-title .techstack-section-icon-container img{width:100%;opacity:.9;filter:drop-shadow(0 0 6px rgba(120,160,255,.4))}.techstack-section .techstack-tabs{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.techstack-section .techstack-tabs .tab-btn{padding:.6rem 1.2rem;border-radius:25px;border:1px solid rgba(68,174,255,.25);background:#14141e59;color:#44adfd;font-weight:600;cursor:pointer;transition:all .3s ease}.techstack-section .techstack-tabs .tab-btn.active{background:#44aeff40;color:#fff;box-shadow:0 0 12px #44aeff40}.techstack-section .techstack-tabs .tab-btn:hover{background:#44aeff2e}.techstack-section .techstack-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.techstack-section .tech-card{flex:1 1 120px;max-width:150px;padding:1rem;border-radius:12px;background:#14141e59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(68,174,255,.12);box-shadow:0 0 16px #44aeff1f;text-align:center;cursor:default;position:relative;transition:transform .25s ease,box-shadow .25s ease}.techstack-section .tech-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 24px #44aeff40}.techstack-section .tech-card img{width:3rem;height:3rem;margin-bottom:.6rem;filter:drop-shadow(0 0 6px rgba(68,174,255,.4))}.techstack-section .tech-card h4{margin:0;font-size:1rem;font-weight:600;background:linear-gradient(90deg,#fff,#76b8f9bf 55%,#76b8f966);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.techstack-section .tech-card.learning-card>img{filter:blur(2px);opacity:.6}.techstack-section .tech-card.learning-card>h4{filter:blur(1px);opacity:.7}.badge{position:absolute;top:.5rem;right:.5rem;background:#fff;color:#14141e;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:.3rem;opacity:1;filter:none}@keyframes fadeInGlow{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.featured-projects-section{margin-top:2rem;padding:1rem 1.5rem;position:relative;max-width:1000px;margin:0 auto}.featured-projects-section .projects-title-and-filter-container{width:100%;display:flex;justify-content:space-between}.featured-projects-section .featured-projects-section-title{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem}.featured-projects-section .featured-projects-section-title h3{font-size:1.55rem;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;margin:0;background:linear-gradient(90deg,#fff,#76b8f9bf 55%,#76b8f966);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.featured-projects-section .featured-projects-section-title .featured-projects-section-icon-container{width:2.4rem;padding:.45rem;border-radius:8px;background:linear-gradient(145deg,#5a46c82e,#328cff1f);border:1px solid rgba(120,160,255,.25);box-shadow:inset 0 0 12px #7864ff40,0 0 16px #44aeff40}.featured-projects-section .featured-projects-section-title .featured-projects-section-icon-container img{width:100%;opacity:.9}.featured-projects-section .projects-cards{display:flex;flex-wrap:wrap;gap:1rem}.featured-projects-section .project-card{flex:1 1 300px;max-width:350px;border-radius:12px;overflow:hidden;background:#14141e59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(68,174,255,.12);display:flex;flex-direction:column;transition:all .25s ease}.featured-projects-section .project-card .project-image{position:relative;display:block}.featured-projects-section .project-card .project-image img{width:100%;height:20rem;object-fit:cover;transition:.3s ease;display:block}.featured-projects-section .project-card .project-image .soon-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.35rem .95rem;border-radius:10px;font-size:2rem!important;font-weight:700;letter-spacing:.6px;z-index:5;pointer-events:none;background:#44aeff24;border:1px solid rgba(68,174,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eaf6ff;text-shadow:0 0 6px rgba(68,174,255,.18);box-shadow:0 6px 18px #04162b73;white-space:nowrap}@media(max-width:420px){.featured-projects-section .project-card .project-image .soon-badge{font-size:.75rem;padding:.25rem .6rem}}.featured-projects-section .project-card .project-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.featured-projects-section .project-card .project-content .project-top-row{display:flex;justify-content:space-between;align-items:center}.featured-projects-section .project-card .project-content .project-top-row h4{font-size:1.2rem;margin:0}.featured-projects-section .project-card .project-content .project-top-row .project-stack{display:flex;gap:.3rem}.featured-projects-section .project-card .project-content .project-top-row .project-stack .stack-icon img{width:24px;height:24px;display:block}.featured-projects-section .project-card .project-content .project-description{font-size:.9rem;color:#fffc;margin:0}.featured-projects-section .project-card .project-content .project-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.featured-projects-section .project-card .project-content .project-buttons a{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s ease,transform .12s ease;transition:all .2s ease}.featured-projects-section .project-card .project-content .project-buttons .live-demo-btn{background:#44aeff40;color:#44adfd}.featured-projects-section .project-card .project-content .project-buttons .live-demo-btn:hover{scale:1.1}.featured-projects-section .project-card .project-content .project-buttons .github-btn{background:#ffffff0d;color:#fffc}.featured-projects-section .project-card .project-content .project-buttons .github-btn:hover{scale:1.1}.featured-projects-section .project-card .project-content .project-buttons .figma-btn{background:#ff00801a;color:#ff81c0a0}.featured-projects-section .project-card .project-content .project-buttons .figma-btn:hover{scale:1.1}.featured-projects-section .project-card .project-content .project-buttons .figma-icon{width:16px;height:16px;display:block}.featured-projects-section .project-card.coming-soon{opacity:.75}.featured-projects-section .project-card.coming-soon .project-image img{filter:blur(8px) brightness(.55);pointer-events:none;-webkit-user-select:none;user-select:none}.featured-projects-section .project-card.coming-soon .project-buttons a{pointer-events:none;opacity:.35;filter:grayscale(100%);cursor:default}.featured-projects-section .see-other-projects{text-align:center;margin-top:2rem}.featured-projects-section .see-other-projects button{padding:.6rem 1.2rem;border-radius:8px;background:none;border:none;color:#44adfd;font-weight:600;text-decoration:underline;cursor:pointer;transition:color .25s ease}.featured-projects-section .see-other-projects button:hover{color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;display:flex;justify-content:center;align-items:center}.under-development-modal{background:#1e1e28d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:30rem;padding:2rem;border-radius:12px;box-shadow:0 8px 24px #00000080;text-align:center;z-index:1000;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.under-development-modal button{padding:.5rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;background:linear-gradient(145deg,#76b8f9,#25aff4);color:#fff;transition:transform .15s ease,filter .15s ease}.under-development-modal button:hover{transform:translateY(-2px);filter:brightness(1.05)}.github-calendar-section{margin-top:3rem;padding:1.5rem;max-width:1000px;margin:0 auto}.github-calendar-section .github-calendar-title{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem}.github-calendar-section .github-calendar-title h3{font-size:1.55rem;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;margin:0;background:linear-gradient(90deg,#fff,#76b8f9bf 55%,#76b8f966);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.github-calendar-section .github-calendar-title .github-calendar-icon-container{width:2.4rem;padding:.45rem;border-radius:8px;background:linear-gradient(145deg,#5a46c82e,#328cff1f);border:1px solid rgba(120,160,255,.25);box-shadow:inset 0 0 12px #7864ff40,0 0 16px #44aeff40}.github-calendar-section .github-calendar-title .github-calendar-icon-container img{width:100%;opacity:.9}.github-calendar-section .github-calendar-description{margin-bottom:1.5rem;color:#ffffffd9;max-width:650px}.github-calendar-section .github-calendar-window{padding:1rem;border-radius:12px;background:#14141e59;border:1px solid rgba(68,174,255,.25);box-shadow:0 0 20px #44aeff26}.github-calendar-section .github-calendar-window>:first-child{width:100%;display:block}.contact-section{margin-top:3rem;padding:1.5rem;position:relative;max-width:1000px;margin:0 auto}.contact-section .contact-section-title{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}.contact-section .contact-section-title h3{font-size:1.55rem;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;margin:0;background:linear-gradient(90deg,#fff,#76b8f9bf 55%,#76b8f966);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-section .contact-section-title .contact-section-icon-container{width:2.4rem;padding:.45rem;border-radius:8px;background:linear-gradient(145deg,#5a46c82e,#328cff1f);border:1px solid rgba(120,160,255,.25);box-shadow:inset 0 0 12px #7864ff40,0 0 16px #44aeff40}.contact-section .contact-section-title .contact-section-icon-container img{width:100%;opacity:.9}.contact-section .contact-paragraph{max-width:720px;font-size:1rem;color:#ffffffd9;margin-bottom:2rem;line-height:1.55}.contact-section .contact-button-wrapper{display:flex;align-items:center;justify-content:center}.contact-section .show-email-button{background:#000;border:1px solid rgba(68,174,255,.4);color:#44adfd;display:flex;align-items:center;padding:.5rem 2rem;border-radius:10px;gap:1rem;font-size:1rem;box-shadow:0 0 18px #44aeff2e;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.contact-section .show-email-button img{width:1.8rem;transition:transform .3s ease}.contact-section .show-email-button:hover{transform:scale(1.05);box-shadow:0 0 28px #44aeff59;border-color:#44aeffb3}.contact-section .show-email-button:hover img{transform:scale(1.15)}.contact-section .email-reveal{padding:.7rem 1.2rem;border-radius:10px;background:#44aeff26;border:1px solid rgba(68,174,255,.35);box-shadow:0 0 22px #44aeff38;font-size:1.05rem;font-weight:600;color:#eaf6ff;letter-spacing:.6px}.contact-section .email-hide{display:none!important}.bottom-p{color:#000;padding:.2rem;font-weight:700;text-align:center;background:linear-gradient(90deg,#fff,#76b8f9bf 55%,#76b8f966)}* button,* a{cursor:pointer}:root{--bg: #0b0b0d;--card-bg: rgba(20,20,30,.35);--glass-border: rgba(68,174,255,.12);--accent: #44adfd;--accent-ghost: rgba(68,174,255,.25);--white: #ffffff}html,body,#root{height:100%;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;border:1px solid var(--glass-border);box-shadow:0 0 16px #44aeff1f}.text-gradient{background:linear-gradient(90deg,#fff,#76b8f9bf 55%,#76b8f966);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes enterUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes enterDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes enterLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes enterRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.enter-up{animation:enterUp .7s cubic-bezier(.18,.9,.19,1) forwards;opacity:0}.enter-down{animation:enterDown .7s cubic-bezier(.18,.9,.19,1) forwards;opacity:0}.enter-left{animation:enterLeft .7s cubic-bezier(.18,.9,.19,1) forwards;opacity:0}.enter-right{animation:enterRight .7s cubic-bezier(.18,.9,.19,1) forwards;opacity:0}.stagger>*{opacity:0;transform:translateY(20px);animation:enterUp .7s cubic-bezier(.18,.9,.19,1) forwards}.stagger>*:nth-child(1){animation-delay:.12s}.stagger>*:nth-child(2){animation-delay:.22s}.stagger>*:nth-child(3){animation-delay:.32s}.stagger>*:nth-child(4){animation-delay:.42s}.stagger>*:nth-child(5){animation-delay:.52s}.stagger>*:nth-child(6){animation-delay:.62s}.center{display:flex;align-items:center;justify-content:center}.container{max-width:1100px;margin:0 auto;width:100%;padding:0 1.5rem}.custom-hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(120,160,255,.12),transparent);margin:2rem 0;opacity:.9}.btn{padding:.55rem 1rem;border-radius:8px;font-weight:600;border:none;cursor:pointer}.custom-hr{width:100%;height:2px;border:none;opacity:.3;margin:1rem auto;position:relative;background:linear-gradient(to right,transparent,rgba(68,174,255,.6),rgba(68,174,255,.9),rgba(68,174,255,.6),transparent);filter:drop-shadow(0 0 8px rgba(68,174,255,.5)) drop-shadow(0 0 14px rgba(68,174,255,.25));-webkit-mask-image:radial-gradient(ellipse at center,black 45%,transparent 95%);mask-image:radial-gradient(ellipse at center,black 45%,transparent 95%)}