@charset "UTF-8";.header{width:100%;height:65px;background:linear-gradient(135deg,#6b7fd7,#3f51b5);box-shadow:0 .25rem .625rem #0000004d;padding:.9375rem 0;position:fixed;top:0;left:0;z-index:1000}nav{display:flex;justify-content:space-around;align-items:center}.mobile-menu-icon{display:block;font-size:2rem;cursor:pointer;padding-left:1rem}.nav-list{list-style:none;display:flex;gap:1.875rem}.nav-item{position:relative}.nav-item a{color:#fff;text-decoration:none;font-weight:600;padding:.625rem 1.25rem;border-radius:.5rem;transition:all .3s ease}.nav-item a:hover{background-color:#fff3;transform:translateY(-.125rem)}.nav-item a.active{border-bottom:.1875rem solid #ffa500;color:orange}@media(max-width:48rem){.nav-list{display:none;flex-direction:column;position:absolute;top:3.75rem;left:0;width:100%;background:#3f51b5;padding:.9375rem 0;box-shadow:0 .25rem .625rem #0000004d}.nav-list.active{display:flex}.nav-item{width:100%;text-align:center}}@media(max-width:48rem){.nav-list{display:none}.mobile-menu-icon{display:block}}@media(min-width:48rem){.nav-list{display:flex}.mobile-menu-icon{display:none}}:root{--ink: #0b2347;--accent: #ff6b81;--cardTitle: #2c3e50;--radius: 10px;--shadow-sm: 0 4px 10px rgba(0,0,0,.15);--shadow-md: 0 8px 16px rgba(0,0,0,.2);--maxw: 1400px}html,body{background:#eef5f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}.home{position:relative;isolation:isolate;width:100%;min-height:100vh;margin-top:95px;color:var(--ink);overflow-x:hidden}.home:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 600px at 20% 15%,rgba(249,213,229,.55),transparent 60%),radial-gradient(900px 500px at 80% 30%,rgba(168,200,224,.45),transparent 60%),linear-gradient(180deg,#f7fbff,#f4f7fb 70%)}.home .container{width:100%;max-width:var(--maxw);margin:0 auto;padding:1.25rem 2rem 2.25rem;display:flex;flex-direction:column;align-items:stretch}.intro{width:100%;display:grid;grid-template-columns:clamp(260px,26vw,380px) 1fr;column-gap:clamp(1.5rem,3vw,3rem);row-gap:.5rem;align-items:center;justify-content:stretch}@media(max-width:992px){.intro{grid-template-columns:1fr;text-align:center;justify-items:center}}.video-container{width:clamp(16rem,22vw,21rem);height:clamp(16rem,22vw,21rem);border-radius:50%;overflow:hidden;display:grid;place-items:center;position:relative;margin:0;justify-self:start;background:#000;box-shadow:var(--shadow-sm);outline:1px solid rgba(255,255,255,.6);outline-offset:-1px}.video-container .greeting-video{width:100%;height:100%;object-fit:cover;display:block}.video-container .video-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:10px}.video-container .icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#fff;height:36px;border-radius:999px;display:grid;place-items:center;cursor:pointer;line-height:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));transition:transform .15s ease,filter .15s ease}.video-container .icon-btn:hover,.video-container .icon-btn:focus-visible{transform:translateY(-1px);outline:2px solid rgba(255,255,255,.85);outline-offset:2px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.video-container .icon-btn svg{display:block;fill:currentColor;stroke:currentColor}.content{text-align:left;justify-self:stretch;padding:.5rem 0;max-width:none}.content h1{font-size:clamp(2.2rem,2.6vw + 1.2rem,3.25rem);margin:.25rem 0 .75rem;animation:fadeInUp .6s ease forwards;opacity:0;letter-spacing:-.02em}.content .lede{font-size:clamp(1.05rem,.7vw + .9rem,1.25rem);margin:0 0 .5rem;max-width:80ch;animation:fadeInUp .6s ease forwards;opacity:0;animation-delay:.1s}.content .hello-world{display:inline-block;margin-top:.4rem;font-size:clamp(1.05rem,.8vw + .9rem,1.35rem);font-weight:700;color:var(--accent);animation:fadeInUp .6s ease forwards;opacity:0;animation-delay:.2s}.content .tech-badges{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:.9rem 0 0;justify-content:flex-start}.content .tech-badges li{font-size:.9rem;padding:.35rem .6rem;border-radius:999px;background:#2f5dea14;color:#1c2b5a;border:1px solid rgba(47,93,234,.12)}.content .amazing-paragraph{margin-top:.5rem;max-width:80ch;text-align:left;font-size:clamp(1rem,.6vw + .8rem,1.15rem);line-height:1.65;color:var(--ink);animation:fadeInUp .6s ease forwards;opacity:0;animation-delay:.25s}@media(max-width:992px){.content{text-align:center;justify-self:center}.content .lede{margin:0 auto .5rem}.content .tech-badges{justify-content:center}.content .amazing-paragraph{text-align:center;margin-left:auto;margin-right:auto;max-width:88vw}}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:1.75rem 10rem 2.25rem;width:100%;max-width:1200px}.card-container .card{width:260px;background:#fff;border-radius:.625rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,outline-color .2s ease;outline:2px solid transparent}.card-container .card:hover,.card-container .card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md);outline-color:#011f4b33}.card-container .card img{width:100%;aspect-ratio:16/11;object-fit:cover;border-top-left-radius:.625rem;border-top-right-radius:.625rem;display:block}.card-container .card h2{padding:.65rem .75rem .9rem;font-size:1.1rem;color:var(--cardTitle);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.content h1,.content .lede,.content .hello-world,.content .amazing-paragraph{animation:none!important;opacity:1!important;transform:none!important}}@media(max-width:768px){.home{margin-top:72px}.home .container{padding:.75rem 1rem 1.5rem;align-items:center}.intro{grid-template-columns:1fr!important;justify-items:center;text-align:center;column-gap:1rem;row-gap:.75rem}.video-container{width:13.5rem!important;height:13.5rem!important;justify-self:center}.content{text-align:center!important;justify-self:center!important;max-width:90vw;padding:.25rem 0 .5rem}.content h1{font-size:clamp(1.6rem,6vw,2.2rem);margin:.25rem 0 .5rem}.content .lede{max-width:85vw;margin:0 auto .5rem;font-size:clamp(.95rem,2.8vw,1.05rem);line-height:1.5}.content .hello-world{font-size:clamp(.95rem,3vw,1.1rem)}.content .tech-badges{justify-content:center!important;gap:.4rem .5rem}.content .tech-badges li{font-size:.85rem;padding:.3rem .55rem}.content .amazing-paragraph{margin:.5rem auto 0;text-align:center;max-width:88vw;font-size:clamp(.95rem,2.7vw,1.05rem);line-height:1.6}.card-container{gap:1rem;margin:1.25rem auto 1.75rem;max-width:92vw}.card-container .card{width:min(100%,360px)}}@media(max-width:480px){.home{margin-top:60px}.video-container{width:11.5rem!important;height:11.5rem!important}.content h1{font-size:clamp(1.45rem,7vw,1.9rem)!important}.content .amazing-paragraph{max-width:90vw;margin-top:.45rem}.card-container{gap:.9rem}}@media(max-width:360px){.content .tech-badges li{font-size:.8rem;padding:.28rem .5rem}.card-container .card{width:100%}}.about-me{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100vw;margin-top:5.9375rem;padding:1.25rem;color:#fff;text-align:center;background:linear-gradient(to right,#a8c8e0,#f9d5e5)}.about-me h1{font-size:3rem;margin:1.25rem 0;color:#011f4b}.about-me h2{font-size:2.5rem;margin-bottom:1.25rem;color:#555}.about-me .profile-pic{width:9.375rem;height:auto;border-radius:50%;margin-bottom:1.25rem;box-shadow:0 .25rem .625rem #0003}.about-me .contact-info{text-align:center;margin-bottom:1.25rem}.about-me .contact-info p{margin:.3125rem 0;color:#333}.about-me .profile{max-width:50rem;margin:0 auto;line-height:1.6;padding:0 1.25rem}.about-me .profile h3{font-size:2rem;margin-bottom:1.25rem;color:#011f4b}.about-me .profile p{margin:.625rem 0;color:#333}.about-me .skills,.about-me .projects,.about-me .education{max-width:50rem;margin:1.25rem auto;padding:0 1.25rem}.about-me .skills h3,.about-me .projects h3,.about-me .education h3{font-size:2rem;margin-bottom:.625rem;color:#011f4b}.about-me .skills .skills-container,.about-me .skills .projects-container,.about-me .skills .education-container,.about-me .projects .skills-container,.about-me .projects .projects-container,.about-me .projects .education-container,.about-me .education .skills-container,.about-me .education .projects-container,.about-me .education .education-container{display:flex;flex-wrap:wrap;justify-content:space-between}.about-me .skills .skills-container .skill-card,.about-me .skills .skills-container .project-card,.about-me .skills .skills-container .education-card,.about-me .skills .projects-container .skill-card,.about-me .skills .projects-container .project-card,.about-me .skills .projects-container .education-card,.about-me .skills .education-container .skill-card,.about-me .skills .education-container .project-card,.about-me .skills .education-container .education-card,.about-me .projects .skills-container .skill-card,.about-me .projects .skills-container .project-card,.about-me .projects .skills-container .education-card,.about-me .projects .projects-container .skill-card,.about-me .projects .projects-container .project-card,.about-me .projects .projects-container .education-card,.about-me .projects .education-container .skill-card,.about-me .projects .education-container .project-card,.about-me .projects .education-container .education-card,.about-me .education .skills-container .skill-card,.about-me .education .skills-container .project-card,.about-me .education .skills-container .education-card,.about-me .education .projects-container .skill-card,.about-me .education .projects-container .project-card,.about-me .education .projects-container .education-card,.about-me .education .education-container .skill-card,.about-me .education .education-container .project-card,.about-me .education .education-container .education-card{background:#fff;border-radius:.625rem;box-shadow:0 .125rem .3125rem #0000001a;padding:.9375rem;margin:.625rem;flex:1 1 calc(30% - 1.25rem);transition:transform .2s}.about-me .skills .skills-container .skill-card:hover,.about-me .skills .skills-container .project-card:hover,.about-me .skills .skills-container .education-card:hover,.about-me .skills .projects-container .skill-card:hover,.about-me .skills .projects-container .project-card:hover,.about-me .skills .projects-container .education-card:hover,.about-me .skills .education-container .skill-card:hover,.about-me .skills .education-container .project-card:hover,.about-me .skills .education-container .education-card:hover,.about-me .projects .skills-container .skill-card:hover,.about-me .projects .skills-container .project-card:hover,.about-me .projects .skills-container .education-card:hover,.about-me .projects .projects-container .skill-card:hover,.about-me .projects .projects-container .project-card:hover,.about-me .projects .projects-container .education-card:hover,.about-me .projects .education-container .skill-card:hover,.about-me .projects .education-container .project-card:hover,.about-me .projects .education-container .education-card:hover,.about-me .education .skills-container .skill-card:hover,.about-me .education .skills-container .project-card:hover,.about-me .education .skills-container .education-card:hover,.about-me .education .projects-container .skill-card:hover,.about-me .education .projects-container .project-card:hover,.about-me .education .projects-container .education-card:hover,.about-me .education .education-container .skill-card:hover,.about-me .education .education-container .project-card:hover,.about-me .education .education-container .education-card:hover{transform:translateY(-.3125rem)}.about-me .skills .skills-container .skill-card h4,.about-me .skills .skills-container .project-card h4,.about-me .skills .skills-container .education-card h4,.about-me .skills .projects-container .skill-card h4,.about-me .skills .projects-container .project-card h4,.about-me .skills .projects-container .education-card h4,.about-me .skills .education-container .skill-card h4,.about-me .skills .education-container .project-card h4,.about-me .skills .education-container .education-card h4,.about-me .projects .skills-container .skill-card h4,.about-me .projects .skills-container .project-card h4,.about-me .projects .skills-container .education-card h4,.about-me .projects .projects-container .skill-card h4,.about-me .projects .projects-container .project-card h4,.about-me .projects .projects-container .education-card h4,.about-me .projects .education-container .skill-card h4,.about-me .projects .education-container .project-card h4,.about-me .projects .education-container .education-card h4,.about-me .education .skills-container .skill-card h4,.about-me .education .skills-container .project-card h4,.about-me .education .skills-container .education-card h4,.about-me .education .projects-container .skill-card h4,.about-me .education .projects-container .project-card h4,.about-me .education .projects-container .education-card h4,.about-me .education .education-container .skill-card h4,.about-me .education .education-container .project-card h4,.about-me .education .education-container .education-card h4{margin:0;color:#2c3e50}.about-me .skills .skills-container .skill-card p,.about-me .skills .skills-container .project-card p,.about-me .skills .skills-container .education-card p,.about-me .skills .projects-container .skill-card p,.about-me .skills .projects-container .project-card p,.about-me .skills .projects-container .education-card p,.about-me .skills .education-container .skill-card p,.about-me .skills .education-container .project-card p,.about-me .skills .education-container .education-card p,.about-me .projects .skills-container .skill-card p,.about-me .projects .skills-container .project-card p,.about-me .projects .skills-container .education-card p,.about-me .projects .projects-container .skill-card p,.about-me .projects .projects-container .project-card p,.about-me .projects .projects-container .education-card p,.about-me .projects .education-container .skill-card p,.about-me .projects .education-container .project-card p,.about-me .projects .education-container .education-card p,.about-me .education .skills-container .skill-card p,.about-me .education .skills-container .project-card p,.about-me .education .skills-container .education-card p,.about-me .education .projects-container .skill-card p,.about-me .education .projects-container .project-card p,.about-me .education .projects-container .education-card p,.about-me .education .education-container .skill-card p,.about-me .education .education-container .project-card p,.about-me .education .education-container .education-card p{color:#333}.about-me .project-image{width:100%;height:auto;border-radius:.625rem;margin-top:.625rem}.about-me .download-resume{margin-top:1.25rem}.about-me .download-resume .btn-download{background:#ff6b81;color:#fff;padding:.625rem 1.25rem;border-radius:.3125rem;text-decoration:none;transition:background .3s}.about-me .download-resume .btn-download:hover{background:#ff4c61}@media(max-width:768px){.about-me{margin-top:0rem}.about-me h1{font-size:2.5rem}.about-me h2{font-size:2rem}.about-me .profile-pic{width:8rem}.about-me .profile,.about-me .skills,.about-me .projects,.about-me .education{max-width:90%}.about-me .skills-container{display:flex;flex-wrap:wrap;justify-content:space-between}.about-me .skills-container .skill-card{flex:1 1 calc(48% - .5rem);margin:.5rem}.about-me .projects-container{display:flex;flex-direction:column;align-items:center}.about-me .projects-container .project-card{width:100%;max-width:48rem;margin:.5rem 0}.about-me .education-container{display:flex;flex-wrap:wrap;justify-content:space-between}.about-me .education-container .education-card{flex:1 1 calc(48% - .5rem);margin:.5rem}}@media(max-width:480px){.about-me h1{font-size:2rem}.about-me h2{font-size:1.8rem}.about-me .profile-pic{width:7rem}.about-me .profile{padding:0 .625rem}.about-me .skills-container .skill-card,.about-me .skills-container .project-card,.about-me .skills-container .education-card,.about-me .projects-container .skill-card,.about-me .projects-container .project-card,.about-me .projects-container .education-card,.about-me .education-container .skill-card,.about-me .education-container .project-card,.about-me .education-container .education-card{flex:1 1 calc(48% - .5rem);padding:.625rem;margin:.5rem 0}.about-me .download-resume .btn-download{padding:.5rem 1rem}}.skills-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100vw;margin-top:5.9375rem;padding:0;color:#fff;text-align:center;background:linear-gradient(to right,#a8c8e0,#f9d5e5)}.skills-page h1{font-size:3rem;margin-bottom:2rem;color:#011f4b}.skills-page .skills-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.875rem;max-width:75rem}.skills-page .skills-container .skill-card{background:#fff;border-radius:.625rem;box-shadow:0 .25rem .625rem #00000026;width:15rem;margin:.9375rem;padding:1rem;text-align:center;transition:transform .3s,box-shadow .3s}.skills-page .skills-container .skill-card:hover{transform:translateY(-.3125rem);box-shadow:0 .5rem 1rem #0003}.skills-page .skills-container .skill-card img{width:6.25rem;height:auto;margin-bottom:1rem}.skills-page .skills-container .skill-card h3{font-size:1.5rem;color:#2c3e50}.skills-page .skills-container .skill-card .skill-description{font-size:1rem;color:#555}@media(max-width:768px){.skills-page{margin-top:4rem}.skills-container .skill-card{width:calc(48% - 1rem);margin:.5rem}}@media(max-width:480px){.skills-container .skill-card{width:100%;margin:.5rem 0}h1{font-size:2.5rem}}.contact-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100vw;margin-top:5.9375rem;padding:2rem;background:linear-gradient(to right,#a8c8e0,#f9d5e5)}.contact-page .hero-image{text-align:center;margin-bottom:2rem}.contact-page .hero-image img{width:100%;max-width:300px;height:auto;margin-bottom:1rem;border-radius:50px}.contact-page .hero-image h1{font-size:2.5rem;color:#011f4b}.contact-page .content{max-width:600px;text-align:center}.contact-page .content p{font-size:1.2rem;color:#555;margin-bottom:2rem}.contact-page .content .info{margin-bottom:2rem;text-align:left}.contact-page .content .info h3{font-size:1.8rem;margin-bottom:1rem;color:#011f4b}.contact-page .content .info p{font-size:1rem;margin:.5rem 0}.contact-page .content .info p strong{color:#3f51b5}.contact-page .content .info p a{color:#3f51b5;text-decoration:none;transition:color .3s}.contact-page .content .info p a:hover{color:#5c6bc0}.contact-page .content .contact-form{display:flex;flex-direction:column;gap:1rem}.contact-page .content .contact-form input,.contact-page .content .contact-form textarea{padding:.75rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;transition:border .3s}.contact-page .content .contact-form input:focus,.contact-page .content .contact-form textarea:focus{border-color:#3f51b5;outline:none}.contact-page .content .contact-form button{padding:.75rem;background-color:#3f51b5;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s}.contact-page .content .contact-form button:hover{background-color:#5c6bc0}.contact-page .content .status-message{margin-top:10px;color:orange}@media(max-width:768px){.contact-page{padding:1rem;margin-top:4rem}.contact-page .hero-image h1{font-size:2rem}.contact-page .content{max-width:90%}.contact-page .content p{font-size:1rem}.contact-page .content .info h3{font-size:1.5rem}.contact-page .content .contact-form input,.contact-page .content .contact-form textarea,.contact-page .content .contact-form button{font-size:.9rem}}.projects-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100vw;margin-top:5rem;padding:2rem;background:linear-gradient(to right,#a8c8e0,#f9d5e5);color:#333}.projects-page h1{font-size:3rem;margin-bottom:2rem;color:#011f4b;text-align:center}.projects-page .projects-container{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:75rem;width:100%}.projects-page .projects-container .project-card{background:#fff;border-radius:1rem;box-shadow:0 .5rem 1rem #0000001a;margin:1.5rem;padding:1.5rem;width:37.5rem;text-align:center;transition:transform .2s}.projects-page .projects-container .project-card:hover{transform:translateY(-.5rem)}.projects-page .projects-container .project-card h4{font-size:1.5rem;color:#3f51b5;margin-bottom:.5rem}.projects-page .projects-container .project-card p{margin:.5rem 0;color:#555;line-height:1.5}.projects-page .projects-container .project-card .project-image{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0;box-shadow:0 .5rem 1rem #0000001a;object-fit:contain}.projects-page .projects-container .project-card button{background:#3f51b5;color:#fff;padding:.5rem 1rem;width:6.25rem;align-items:center;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s}.projects-page .projects-container .project-card button:hover{background:#5c6bc0}.projects-page .projects-container .project-card .project-links{margin-top:1rem}.projects-page .projects-container .project-card .project-links a{background:#3f51b5;color:#fff;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;transition:background .3s;margin-right:.5rem}.projects-page .projects-container .project-card .project-links a:hover{background:#5c6bc0}.projects-page .slideshow{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.projects-page .slideshow .nav-button{background:none;border:none;font-size:2rem;cursor:pointer;color:#3f51b5;margin:.5rem;width:40px}.projects-page .slideshow .nav-button:hover{color:#5c6bc0}.projects-page .slideshow .project-image{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0;box-shadow:0 .5rem 1rem #0000001a}.projects-page .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.projects-page .modal .modal-content{background:#fff;border-radius:1rem;padding:2rem;position:relative}.projects-page .modal .modal-content video{width:100%;height:auto}.projects-page .modal .modal-content .close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer;color:#3f51b5}@media(max-width:768px){.projects-page{margin-top:4rem}.projects-container .project-card{width:calc(48% - 1rem);margin:.5rem}}@media(max-width:480px){.projects-container .project-card{width:100%;margin:.5rem 0}h1{font-size:2.5rem}}body{margin:0;overflow-x:hidden;font-family:Arial,sans-serif;line-height:1.6}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}