@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f7f8fa;color:#14171f;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit}.no-scroll{overflow:hidden}.mobile{display:none}.content-width{max-width:70%}@media (max-width:860px){.mobile{align-items:center;display:flex}.content-width{max-width:1000%}}:root{--ink:#14171f;--paper:#f7f8fa;--line:#e4e7ec;--accent:#4696e5;--accent-soft:#a5d2ff38;--muted:#6b7280}.page-header{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#f7f8fab8;border-bottom:1px solid #0000;display:flex;gap:24px;height:72px;justify-content:space-between;left:0;padding:0 40px;position:fixed;top:0;transition:border-color .2s ease,box-shadow .2s ease;width:100%;z-index:100}.page-header.is-scrolled{border-bottom-color:#e4e7ec;border-bottom-color:var(--line);box-shadow:0 4px 20px #14171f0a}.logo{flex-shrink:0;gap:10px}.logo,.logo-mark{align-items:center;display:inline-flex}.logo-mark{background:#4696e5;background:var(--accent);border-radius:9px;color:#fff;font-size:15px;height:34px;justify-content:center;line-height:1;width:34px}.logo-mark,.logo-name{font-family:Sora,Inter,sans-serif;font-weight:700}.logo-name{color:#14171f;color:var(--ink);font-size:16px;letter-spacing:-.01em}.page-menu{display:flex;flex:1 1;justify-content:center}.page-menu ul{align-items:center;display:flex;gap:2.25rem;list-style:none}.page-menu ul li a{color:#6b7280;color:var(--muted);display:inline-block;font-family:Sora,Inter,sans-serif;font-size:14px;font-weight:600;padding:6px 0;position:relative;transition:color .2s ease}.page-menu ul li a:after{background:#4696e5;background:var(--accent);border-radius:2px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .22s ease;width:0}.page-menu ul li a:hover{color:#14171f;color:var(--ink)}.page-menu ul li a:hover:after{width:100%}.page-menu ul li a.is-active{color:#14171f;color:var(--ink)}.page-menu ul li a.is-active:after{width:100%}.rl-user{align-items:center;display:flex;flex-shrink:0}.btn-contact{background:#14171f;background:var(--ink);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Sora,Inter,sans-serif;font-size:13.5px;font-weight:600;padding:10px 20px;transition:background .2s ease,transform .2s ease}.btn-contact:hover{background:#4696e5;background:var(--accent);transform:translateY(-1px)}.mobile-toggle{align-items:center;background:none;border:none;color:#14171f;color:var(--ink);cursor:pointer;display:none;flex-shrink:0;justify-content:center;padding:6px}@media (max-width:860px){.page-header{padding:0 20px}.page-menu,.rl-user{display:none}.mobile-toggle{display:flex}}.offcanvas{background:#fff;border-right:1px solid #e4e7ec;border-right:1px solid var(--line);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .28s ease;width:280px;z-index:200}.offcanvas.show{transform:translateX(0)}.offcanvas-header{align-items:center;border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 22px}.offcanvas-title{font-family:Sora,Inter,sans-serif;font-size:16px;font-weight:700}.offcanvas-close{background:none;border:none;color:#6b7280;color:var(--muted);cursor:pointer;font-size:26px;line-height:1}.offcanvas-body ul{list-style:none;padding:12px 8px}.offcanvas-body ul li a{border-radius:10px;color:#14171f;color:var(--ink);display:block;font-family:Sora,Inter,sans-serif;font-size:15px;font-weight:600;padding:14px;transition:background .15s ease,color .15s ease}.offcanvas-body ul li a.is-active,.offcanvas-body ul li a:hover{background:#a5d2ff38;background:var(--accent-soft);color:#4696e5;color:var(--accent)}.first-screen{align-items:center;background:#f7f8fa;background:var(--paper);color:#14171f;color:var(--ink);display:flex;gap:48px;justify-content:space-between;margin:0 auto;min-height:90vh;padding:76px 24px 64px}.say-hi{max-width:520px}.hi-eyebrow{color:#4696e5;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.14em;margin:0 0 16px;text-transform:uppercase}.hi-eyebrow,.say-hi h1{font-family:Sora,Inter,sans-serif}.say-hi h1{font-size:clamp(36px,6vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 8px}.hi-name{color:#4696e5;color:var(--accent)}.hi-role{font-family:Sora,Inter,sans-serif;font-size:20px;font-weight:600;margin:0 0 20px}.hi-role,.hi-tagline{color:#6b7280;color:var(--muted)}.hi-tagline{font-size:16px;line-height:1.6;margin:0 0 32px}.hi-actions{display:flex;flex-wrap:wrap;gap:14px}.hi-btn{align-items:center;border-radius:999px;display:inline-flex;font-family:Sora,Inter,sans-serif;font-size:14px;font-weight:600;padding:13px 26px;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.hi-btn-primary{background:#4696e5;background:var(--accent);color:#fff}.hi-btn-primary:hover{box-shadow:0 10px 24px #4f46e547;transform:translateY(-2px)}.hi-btn-ghost{background:#0000;border:1px solid #e4e7ec;border:1px solid var(--line);color:#14171f;color:var(--ink)}.hi-btn-ghost:hover{border-color:#4696e5;border-color:var(--accent);color:#4696e5;color:var(--accent)}.profile{align-items:center;display:flex;flex-shrink:0;height:320px;justify-content:center;position:relative;width:320px}.profile-ring{background:#a5d2ff38;background:var(--accent-soft);border-radius:50%;inset:0;position:absolute;transform:scale(1.08);z-index:0}.profile-photo{border:4px solid #fff;border-radius:50%;box-shadow:0 20px 40px #14171f1f;height:280px;object-fit:cover;position:relative;width:280px;z-index:1}@keyframes vert-move{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.vert-move{animation:vert-move 3.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.vert-move{animation:none}}@media (max-width:860px){.first-screen{flex-direction:column-reverse;gap:36px;min-height:auto;padding:96px 20px 48px;text-align:center}.say-hi{max-width:100%}.hi-actions{justify-content:center}.profile{height:380px;overflow:hidden;width:100%}.profile-photo{height:370px;width:370px}.profile-ring{border-radius:100%}}.my-skill{background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;padding:64px 24px 80px}.skill-title{margin-bottom:48px;text-align:left}.skill-eyebrow{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.skill-eyebrow,.skill-title h1{font-family:Sora,Inter,sans-serif}.skill-title h1{font-size:clamp(32px,5vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px}.skill-subtitle{color:var(--muted);font-size:16px;line-height:1.5;margin:0;max-width:520px}.the-skill{display:flex;flex-direction:column;gap:40px}.skill-group-title{border-bottom:1px solid var(--line);color:var(--muted);font-family:Sora,Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.08em;margin:0 0 18px;padding-bottom:10px;text-transform:uppercase}.skill-group-grid{grid-gap:22px 32px;display:grid;gap:22px 32px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.skill-group-grid{grid-template-columns:1fr}.my-skill{padding:48px 18px 64px}}.skill-item{display:flex;flex-direction:column;gap:8px}.skill-item-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.skill-item-label{align-items:center;color:var(--ink);display:flex;font-size:15px;font-weight:500;gap:10px}.skill-icon{border-radius:6px;flex-shrink:0;object-fit:contain}.skill-percent{font-feature-settings:"tnum";color:var(--accent);font-family:Sora,Inter,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.skill-track{background:var(--accent-soft);border-radius:999px;height:8px;overflow:hidden;position:relative;width:100%}.skill-fill{background:linear-gradient(90deg,var(--accent),#7c73f0);border-radius:999px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.skill-fill{transition:none}}.study{--card:#fff;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;padding:64px 24px 80px}.study-header{margin-bottom:40px}.study-eyebrow{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.study-eyebrow,.study-header h1{font-family:Sora,Inter,sans-serif}.study-header h1{font-size:clamp(32px,5vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.degree-card{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;display:flex;gap:28px;margin-bottom:56px;padding:28px 32px}.degree-logos{display:flex;flex-shrink:0;gap:14px}.degree-logos img{background:var(--accent-soft);border-radius:10px;height:56px;object-fit:contain;padding:8px;width:56px}.degree-period{color:var(--accent);display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.degree-info h2{font-family:Sora,Inter,sans-serif;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 6px}.degree-info p{color:var(--muted);font-size:15px;margin:0}@media (max-width:560px){.degree-card{align-items:flex-start;flex-direction:column;text-align:left}}.section-heading{font-family:Sora,Inter,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 32px}.project-timeline{display:flex;flex-direction:column}.timeline-row{display:flex;gap:24px}.timeline-marker{flex-direction:column}.timeline-dot,.timeline-marker{align-items:center;display:flex;flex-shrink:0}.timeline-dot{background:var(--accent);border-radius:50%;color:#fff;font-family:Sora,Inter,sans-serif;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.timeline-line{background:var(--line);flex:1 1;margin:6px 0;min-height:24px;width:2px}.timeline-content{flex:1 1;padding-bottom:40px}.timeline-content h3{font-family:Sora,Inter,sans-serif;font-size:16px;font-weight:600;margin:4px 0 16px}.project-gallery{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.project-thumb{aspect-ratio:4/3;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.project-thumb img{display:block;height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.project-thumb:hover img{transform:scale(1.05)}.thesis-link{align-items:center;border:1px solid var(--accent);border-radius:999px;color:var(--accent);display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:background .2s ease,color .2s ease}.thesis-link:hover{background:var(--accent);color:#fff}.thesis-link span{transition:transform .2s ease}.thesis-link:hover span{transform:translateX(3px)}@media (max-width:640px){.study{padding:48px 18px 64px}.timeline-row{gap:16px}}.work{--card:#fff;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;padding:64px 24px 80px}.work-title{margin-bottom:40px}.work-eyebrow{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.work-eyebrow,.work-title h1{font-family:Sora,Inter,sans-serif}.work-title h1{font-size:clamp(32px,5vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.work-list{display:flex;flex-direction:column;gap:18px;margin-bottom:64px}.work-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;padding:26px 30px;transition:box-shadow .2s ease,transform .2s ease}.work-card:hover{box-shadow:0 8px 24px #14171f0f;transform:translateY(-2px)}.work-card-top{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.work-card-top h2{font-family:Sora,Inter,sans-serif;font-size:19px;font-weight:600;margin:0}.work-period{background:var(--accent-soft);border-radius:999px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.work-org{color:var(--ink);font-size:15px;font-weight:600;margin:6px 0 10px}.work-desc{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.work-tag{background:var(--accent-soft);border-radius:999px;color:var(--accent);font-family:Sora,Inter,sans-serif;font-size:12px;font-weight:600;padding:5px 12px}@media (max-width:640px){.work{padding:48px 18px 64px}.work-card{padding:20px 22px}}.contact{color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;padding:56px 24px 96px}.contact-header{margin-bottom:36px}.contact-eyebrow{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.contact h1,.contact-eyebrow{font-family:Sora,Inter,sans-serif;margin:0 0 10px}.contact h1{font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.02em}.contact-subtitle{color:var(--muted);font-size:15px;margin:0}.contact-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.contact-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;gap:14px;padding:18px 20px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.contact-card:hover{border-color:var(--accent);box-shadow:0 10px 24px #14171f14;transform:translateY(-3px)}.contact-icon{flex-shrink:0;height:28px;object-fit:contain;width:28px}.contact-name{color:var(--ink);font-family:Sora,Inter,sans-serif;font-size:15px;font-weight:600}@media (max-width:640px){.contact-grid{grid-template-columns:1fr 1fr}.contact{padding:48px 18px 72px}}@media (max-width:420px){.contact-grid{grid-template-columns:1fr}}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}a{cursor:pointer;text-decoration:none}@media (max-width:575.98px){h1{font-size:25px!important}.no-scroll{overflow:hidden}.logo,.page-menu{display:none}.mobile{align-items:center;display:flex;padding-left:10px;width:70%}.mobile span{cursor:pointer}.first-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;padding:2rem 0 0}.say-hi{margin:0;order:1;padding:0;width:100%}.home h1{font-size:30px!important}.home p{font-size:20px!important}.profile{order:2;width:100%}.skill-title{padding-left:1rem;padding-right:1rem;width:100%}.skill-name h1{font-size:18px!important}.the-skill{padding:1rem;width:100%}.study,.work{padding-left:1rem;padding-right:1rem;width:100%}.offcanvas{background-color:#000;margin:0;opacity:.8;padding:0;position:fixed;width:100%!important}.offcanvas-body{align-items:center}.offcanvas-body,ul li{display:flex;justify-content:center}ul li{padding-bottom:2rem}ul li a{color:#fff!important;font-size:20px;text-decoration:none}}
/*# sourceMappingURL=main.e24b714e.css.map*/