@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#263e60;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#fff;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:25px}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}::selection{color:#263e60;background:#dce8f6}.portfolio{overflow:hidden}.container{width:min(1120px,100% - 48px);margin:0 auto}.navbar{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;max-width:1240px;height:82px;margin:auto;padding:0 32px;display:flex}.brand{color:#18283d;align-items:center;gap:10px;font-size:15px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#263e60;border-radius:10px;place-items:center;width:35px;height:35px;font-size:17px;display:grid}.nav-links{align-items:center;gap:29px;display:flex}.nav-links a{color:#667085;font-size:13px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#2863a6}.nav-links .nav-contact{color:#243d5e;border:1px solid #dce3ed;border-radius:7px;align-items:center;gap:5px;padding:11px 16px;font-weight:650;display:flex}.mobile-menu-button{color:#243d5e;cursor:pointer;background:0 0;border:0;display:none}.hero{grid-template-columns:1.1fr .9fr;align-items:center;min-height:680px;padding-top:100px;padding-bottom:100px;display:grid;position:relative}.hero-content{z-index:2;position:relative}.availability,.eyebrow{color:#52769f;letter-spacing:1.7px;font-size:10px;font-weight:750}.availability{align-items:center;gap:9px;margin-bottom:27px;display:inline-flex}.online-dot{background:#56a886;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.hero h1{color:#1d2d43;letter-spacing:-4.2px;margin-bottom:25px;font-size:clamp(48px,6.2vw,76px);font-weight:750;line-height:1.09}.hero h1>span:first-child,.heading-accent{color:#4777ad}.hero-description{color:#68778b;max-width:510px;margin-bottom:32px;font-size:16px;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:47px;padding:0 19px;font-size:13px;font-weight:650;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{color:#fff;background:#263e60}.button-primary:hover{background:#365b88}.button-secondary{color:#263e60;background:#fff;border:1px solid #dce3ed}.hero-socials{gap:19px;margin-top:35px;display:flex}.hero-socials a{color:#8491a3;transition:color .2s}.hero-socials a:hover{color:#32649d}.hero-visual{justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.avatar-wrap{background:#eaf1fa;border-radius:48% 52% 43% 57%/45% 43% 57% 55%;justify-content:center;align-items:center;width:330px;height:360px;display:flex;position:relative}.avatar-svg{z-index:1;width:100%;height:100%;position:relative}.avatar-decoration{border-radius:50%;position:absolute}.decoration-one{background:#dce8f6;width:70px;height:70px;top:-20px;right:20px}.decoration-two{background:#b7cbe3;width:34px;height:34px;bottom:22px;left:-25px}.avatar-caption{z-index:2;color:#52657c;background:#fff;border:1px solid #e9edf3;border-radius:7px;align-items:center;gap:8px;padding:12px 15px;font-size:11px;display:flex;position:absolute;bottom:-18px;right:10px;box-shadow:0 8px 30px #25385012}.floating-card{z-index:3;color:#416b9b;background:#fff;border:1px solid #e8edf4;border-radius:10px;align-items:center;gap:12px;padding:13px 16px;display:flex;position:absolute;box-shadow:0 12px 35px #25385014}.floating-card div{flex-direction:column;gap:4px;display:flex}.floating-card strong{color:#263e60;font-size:11px}.floating-card span{color:#8995a5;font-size:10px}.floating-card-top{top:70px;left:-18px}.floating-card-bottom{bottom:48px;right:-30px}.scroll-indicator{color:#9aa6b5;letter-spacing:1.5px;align-items:center;gap:12px;font-size:9px;font-weight:700;text-decoration:none;display:flex;position:absolute;bottom:30px;left:0}.section{padding-top:105px;padding-bottom:105px}.section-soft{background:#f7f9fc}.section-heading{max-width:650px;margin-bottom:48px}.section-heading h2{color:#1e3047;letter-spacing:-1.7px;margin:15px 0;font-size:clamp(32px,4vw,43px);line-height:1.2}.section-heading p{color:#788699;font-size:14px;line-height:1.8}.section-heading .eyebrow{display:block}.about-grid{grid-template-columns:1.3fr .7fr;align-items:center;gap:90px;display:grid}.about-text p{color:#69788b;margin-bottom:20px;font-size:14px;line-height:2}.about-text strong{color:#263e60}.about-highlight{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:30px}.highlight-icon,.education-icon{color:#4c77a8;background:#edf3fa;border-radius:10px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid}.about-highlight h3{color:#263e60;margin:14px 0 5px;font-size:24px}.about-highlight>p{color:#4777ad;margin-bottom:10px;font-size:15px;font-weight:650}.university-name{color:#68778b;font-size:12px}.highlight-location{color:#8491a3;border-top:1px solid #edf0f4;align-items:center;gap:7px;margin-top:20px;padding-top:17px;font-size:11px;display:flex}.experience-list{border-top:1px solid #e5eaf0}.experience-item{border-bottom:1px solid #e5eaf0;grid-template-columns:65px 1fr 30px;align-items:start;gap:20px;padding:31px 0;display:grid}.experience-number{color:#9baabc;padding-top:5px;font-size:13px}.experience-main h3{color:#263e60;margin-bottom:6px;font-size:18px}.experience-main>span{color:#4777ad;font-size:12px;font-weight:650}.experience-main p{color:#788699;max-width:650px;margin-top:13px;font-size:13px;line-height:1.8}.experience-icon{color:#9aacc2}.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.project-card{background:#fff;border:1px solid #e8edf3;border-radius:11px;padding:29px;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #25385012}.project-icon{border-radius:10px;place-items:center;width:51px;height:51px;margin-bottom:28px;display:grid}.project-icon.blue{color:#4777ad;background:#edf3fa}.project-icon.lavender{color:#806db0;background:#f2effa}.project-icon.peach{color:#b57a56;background:#fbf1e9}.project-meta{color:#96a2b1;letter-spacing:1.4px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.project-card h3{color:#263e60;margin:15px 0 12px;font-size:21px}.project-card>p{color:#788699;min-height:75px;font-size:13px;line-height:1.9}.tech-tags{flex-wrap:wrap;gap:7px;margin:22px 0;display:flex}.tech-tags span{color:#66778e;background:#f3f6fa;border-radius:5px;padding:7px 10px;font-size:10px}.project-link{color:#4777ad;align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.project-placeholder{color:#98a4b3}.skills-grid{flex-wrap:wrap;gap:12px;display:flex}.skill-item{color:#53657b;background:#fff;border:1px solid #e6ebf2;border-radius:8px;align-items:center;gap:10px;padding:15px 18px;font-size:12px;transition:all .2s;display:flex}.skill-item:hover{color:#315d8c;border-color:#9ab5d4;transform:translateY(-2px)}.education-card{border-bottom:1px solid #edf0f4;align-items:flex-start;gap:25px;padding:28px 0;display:flex}.education-icon{flex-shrink:0;margin:0}.education-card h3{color:#263e60;margin:10px 0;font-size:18px}.education-card p{color:#778599;margin-bottom:10px;font-size:13px}.education-note{color:#4777ad;font-size:11px}.contact-section{color:#fff;background:#243c5b;padding:100px 0}.contact-content{text-align:center}.contact-content .eyebrow{color:#a9c4e3}.contact-content h2{letter-spacing:-2px;margin:24px 0;font-size:clamp(38px,5vw,57px);line-height:1.15}.contact-content h2 span{color:#a9c4e3}.contact-content>p{color:#c0cbd9;max-width:520px;margin:0 auto 30px;font-size:14px;line-height:1.9}.button-light{color:#263e60;background:#fff}.contact-socials{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:45px;display:flex}.contact-socials a{color:#d6e1ef;align-items:center;gap:8px;font-size:12px;text-decoration:none;display:flex}.contact-socials a:hover{color:#fff}.footer{border-top:1px solid #e9edf2;padding:25px 0}.footer-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer p{color:#929eae;text-align:center;font-size:11px}.back-to-top{color:#6e7e93;font-size:11px;text-decoration:none}@media (width<=850px){.navbar{height:72px}.nav-links{gap:16px}.nav-links a{font-size:11px}.hero{grid-template-columns:1fr .8fr;gap:20px;min-height:610px}.hero h1{letter-spacing:-3px;font-size:55px}.avatar-wrap{width:265px;height:300px}.floating-card-top{left:-10px}.floating-card-bottom{right:-10px}.about-grid{gap:35px}}@media (width<=650px){.container{width:calc(100% - 36px)}.navbar{z-index:10;padding:0 18px;position:relative}.mobile-menu-button{display:block}.nav-links{background:#fff;border-bottom:1px solid #e8edf3;flex-direction:column;align-items:stretch;gap:21px;padding:22px;display:none;position:absolute;top:71px;left:0;right:0;box-shadow:0 15px 20px #2538500f}.nav-links.nav-open{display:flex}.nav-links a{font-size:14px}.nav-links .nav-contact{justify-content:center}.hero{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:100px}.hero h1{letter-spacing:-3px;font-size:clamp(46px,12vw,62px)}.hero-description{font-size:14px}.hero-visual{min-height:340px}.avatar-wrap{width:270px;height:300px}.floating-card-top{top:30px;left:0}.floating-card-bottom{bottom:35px;right:-5px}.scroll-indicator{bottom:32px}.section{padding-top:75px;padding-bottom:75px}.section-heading{margin-bottom:32px}.about-grid{grid-template-columns:1fr;gap:20px}.projects-grid{grid-template-columns:1fr}.project-card>p{min-height:auto}.experience-item{grid-template-columns:35px 1fr;gap:12px}.experience-icon{display:none}.education-card{gap:16px}.education-card h3{font-size:16px;line-height:1.5}.contact-section{padding:75px 0}.contact-socials{gap:20px}.footer-inner{text-align:center;flex-direction:column}.footer p{line-height:1.7}}.profile-photo-frame{background:#eaf1fa;border-radius:22px;width:min(390px,100%);height:455px;position:relative;overflow:visible;box-shadow:18px 18px #e5edf7}.profile-photo{object-fit:cover;object-position:center 34%;border:1px solid #e3e9f1;border-radius:22px;width:100%;height:100%;display:block}.photo-caption{color:#52657c;background:#fff;border:1px solid #e8edf4;border-radius:9px;padding:13px 17px;font-size:11px;position:absolute;bottom:22px;right:-18px;box-shadow:0 10px 28px #2538501a}.toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.toolkit-card{background:#fffdfb;border:1px solid #e7e4e2;border-radius:22px;min-height:205px;padding:30px;transition:transform .22s,box-shadow .22s}.toolkit-card:hover,.interest-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #25385014}.toolkit-card-heading{align-items:center;gap:13px;margin-bottom:22px;display:flex}.toolkit-icon{color:#4777ad;background:#edf3fa;border-radius:11px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.toolkit-card h3{color:#1e3047;letter-spacing:-.5px;font-size:21px}.toolkit-tags{flex-wrap:wrap;gap:9px;display:flex}.toolkit-tags span{color:#536174;background:#f8f1ef;border:1px solid #e4d8d5;border-radius:999px;align-items:center;min-height:39px;padding:8px 15px;font-size:12px;display:inline-flex}.interests-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.interest-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;min-height:260px;padding:27px;transition:transform .22s,box-shadow .22s}.interest-symbol{color:#4777ad;background:#edf3fa;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:25px;display:grid}.interest-cooking .interest-symbol{color:#a56e4c;background:#fbf1e9}.interest-active .interest-symbol{color:#63866f;background:#edf5ef}.interest-kicker{color:#8c9aab;letter-spacing:1.5px;font-size:9px;font-weight:750}.interest-card h3{color:#263e60;margin:10px 0;font-size:19px}.interest-card p{color:#788699;font-size:12px;line-height:1.85}@media (width<=850px){.profile-photo-frame{width:285px;height:350px}.toolkit-card{padding:24px}.interests-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.profile-photo-frame{width:min(290px,100% - 20px);height:350px}.photo-caption{right:-8px}.toolkit-grid,.interests-grid{grid-template-columns:1fr}.toolkit-card{min-height:auto;padding:24px}.toolkit-card h3{font-size:19px}.interest-card{min-height:220px}}.portfolio{color:#263e60;background:#fff;min-height:100vh;transition:background-color .25s,color .25s;overflow:clip}.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);background:#fffffff0;width:100%;max-width:none;height:78px;padding:0 clamp(18px,4vw,48px);position:sticky;top:0;box-shadow:0 1px #263e6014}.nav-links{gap:clamp(10px,1.6vw,22px)}.theme-toggle,.nav-resume{min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;transition:transform .2s,background-color .2s,color .2s;display:inline-flex}.theme-toggle{color:#263e60;background:0 0;border:1px solid #dce3ed;padding:0 12px}.theme-toggle:hover,.nav-resume:hover{transform:translateY(-2px)}.nav-resume{background:#263e60;border:1px solid #263e60;padding:0 16px;text-decoration:none;color:#fff!important}.nav-resume:hover{background:#365b88;border-color:#365b88}.portfolio.theme-dark{color:#e5eaf2;background:#111827}.theme-dark .navbar{background:#111827f0;box-shadow:0 1px #e2e8f01f}.theme-dark .brand,.theme-dark .mobile-menu-button{color:#e5eaf2}.theme-dark .brand-mark{color:#142238;background:#8fb4df}.theme-dark .nav-links a{color:#c0cad8}.theme-dark .nav-links a:hover{color:#9fc5f2}.theme-dark .nav-links .nav-contact,.theme-dark .theme-toggle{color:#dbe6f4;background:#1c293b;border-color:#46556b}.theme-dark .nav-resume{background:#a9c8eb;border-color:#a9c8eb;color:#142238!important}.theme-dark .hero h1,.theme-dark .section-heading h2,.theme-dark .about-highlight h3,.theme-dark .experience-main h3,.theme-dark .project-card h3,.theme-dark .education-card h3,.theme-dark .toolkit-card h3,.theme-dark .interest-card h3{color:#edf3fb}.theme-dark .hero-description,.theme-dark .section-heading p,.theme-dark .about-text p,.theme-dark .experience-main p,.theme-dark .project-card>p,.theme-dark .education-card p,.theme-dark .interest-card p{color:#aab7c8}.theme-dark .section-soft{background:#172235}.theme-dark .about-highlight,.theme-dark .project-card,.theme-dark .toolkit-card,.theme-dark .interest-card,.theme-dark .skill-item{background:#1d2a3d;border-color:#34445b}.theme-dark .about-highlight>p,.theme-dark .experience-main>span,.theme-dark .education-note,.theme-dark .project-link{color:#9fc5f2}.theme-dark .university-name,.theme-dark .highlight-location,.theme-dark .experience-number,.theme-dark .project-meta,.theme-dark .footer p,.theme-dark .back-to-top{color:#9aa9bc}.theme-dark .highlight-location,.theme-dark .experience-list,.theme-dark .experience-item,.theme-dark .education-card,.theme-dark .footer{border-color:#34445b}.theme-dark .toolkit-tags span,.theme-dark .tech-tags span{color:#c3d0df;background:#293950}.theme-dark .skill-item{color:#c3d0df}.theme-dark .skill-item:hover{color:#c8e0ff;border-color:#759bc7}.theme-dark .button-secondary{color:#dce8f7;background:#1d2a3d;border-color:#46556b}.theme-dark .floating-card,.theme-dark .photo-caption{color:#c3d0df;background:#1d2a3d;border-color:#34445b}.theme-dark .floating-card strong{color:#e5eaf2}.theme-dark .floating-card span{color:#aab7c8}.theme-dark .contact-section{background:#0b1220}.theme-dark .footer{background:#111827}.theme-dark .back-to-top:hover{color:#dce8f7}#home,#about,#experience,#projects,#skills,#beyond-work,#education,#contact{scroll-margin-top:92px}@media (width<=850px){.navbar{padding:0 20px}.nav-links{gap:9px}.theme-toggle,.nav-resume{min-height:37px;padding-left:10px;padding-right:10px}}@media (width<=650px){.navbar{height:72px}.nav-links{background:#fff;max-height:calc(100vh - 80px);top:71px;overflow-y:auto}.theme-dark .nav-links{background:#172235;border-color:#34445b}.nav-links .theme-toggle,.nav-links .nav-resume{width:100%;min-height:44px}.nav-links .theme-toggle{justify-content:center}.theme-toggle-label{display:inline}}@media (prefers-reduced-motion:reduce){.portfolio,.theme-toggle,.nav-resume{transition:none}}