@import "https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&family=Playfair+Display:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:#2c2c2c;background:#f2f0ef;font-family:Inter,sans-serif;font-weight:300;line-height:1.6}.section-label{color:#666;letter-spacing:.15em;text-transform:uppercase;text-align:left;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500}.vertical-navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2f0eff2;border-left:3px solid #013220;flex-direction:column;width:150px;height:100vh;display:flex;position:fixed;top:0;right:0}.navbar-content{flex-direction:column;align-items:center;width:100%;padding:2rem 0;display:flex}.navbar-logo{margin-bottom:3rem}.logo-link{color:#013220;letter-spacing:.025em;font-family:Kaisei Decol,serif;font-size:1.5rem;text-decoration:none}.nav-items{flex-direction:column;align-items:center;gap:2rem;margin-top:8rem;display:flex}.nav-item{color:#9ca3af;cursor:pointer;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{transform:scale(1.2)}.nav-item.active{color:#013220}.nav-icon{width:28px;height:28px;transition:all .3s}.main-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem 150px 2rem 2rem;display:flex}.main-content{text-align:center;width:100%;max-width:640px;padding:2rem}.main-greeting{color:#9ca3af;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:400}.main-name{color:#013220;letter-spacing:.02em;margin-bottom:1.5rem;font-family:Kaisei Decol,serif;font-size:3.5rem;font-weight:400;line-height:1.15}.main-rule{background:#0132204d;width:48px;height:1px;margin:0 auto 1.75rem}.main-text{color:#666;text-align:center;margin-bottom:2.25rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:300;line-height:1.85}.main-links{justify-content:center;align-items:center;gap:1.25rem;display:flex}.main-links a{color:#013220;letter-spacing:.02em;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.main-links a:after{content:"";background-color:#013220;width:0;height:1px;transition:width .3s;position:absolute;bottom:-3px;left:0}.main-links a:hover:after{width:100%}.main-links-sep{background:#01322033;border-radius:50%;flex-shrink:0;width:3px;height:3px}.main-title{color:#013220;letter-spacing:.02em;margin-bottom:.5rem;font-family:Kaisei Decol,serif;font-size:2.5rem;font-weight:400;line-height:1.2}.education-content{width:100%;max-width:800px;padding:2rem}.certifications-section{margin-top:2rem;margin-bottom:2.5rem}.certifications-pills{flex-wrap:wrap;gap:.75rem;display:flex}.cert-pill{background:#0132200a;border:1px solid #0132201a;border-radius:20px;flex-direction:column;padding:.5rem 1rem;transition:all .3s;display:inline-flex}.cert-pill:hover{background:#01322014;border-color:#01322033;transform:translateY(-2px)}.cert-pill-name{color:#013220;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4}.cert-pill-meta{color:#9ca3af;margin-top:.125rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:300}.edu-list{flex-direction:column;margin-top:2rem;display:flex}.edu-item{gap:1.25rem;display:flex}.edu-marker{flex-direction:column;flex-shrink:0;align-items:center;padding-top:.4rem;display:flex}.edu-dot{background:#01322040;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.edu-dot-current{background:#013220;box-shadow:0 0 0 3px #0132201a}.edu-item:hover .edu-dot{background:#013220;transform:scale(1.3)}.edu-line{background:#01322026;flex:1;width:1px;margin:.35rem 0}.edu-body{flex:1;padding-bottom:2rem}.edu-item:last-child .edu-body{padding-bottom:0}.edu-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:.25rem;display:flex}.edu-header-left{flex:1}.edu-header-right{text-align:right;flex-shrink:0}.edu-degree{color:#013220;margin-bottom:.2rem;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:500;line-height:1.4}.edu-institution{color:#2c2c2c;margin:0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400}.edu-date{color:#9ca3af;letter-spacing:.02em;margin:0 0 .2rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:400}.edu-location{color:#9ca3af;margin:0;font-family:Inter,sans-serif;font-size:.8rem;font-weight:300}.edu-description{color:#666;margin-top:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:300;line-height:1.6}.experience-content{width:100%;max-width:800px;padding:2rem}.tech-stack-section{margin-top:2rem;margin-bottom:3rem}.tech-stack-title{color:#666;letter-spacing:.15em;text-transform:uppercase;text-align:left;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500}.tech-stack-pills{flex-wrap:wrap;gap:.75rem;display:flex}.tech-pill{color:#013220;background:#0132200a;border:1px solid #0132201a;border-radius:20px;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s;display:inline-flex}.tech-pill:hover{background:#01322014;border-color:#01322033;transform:translateY(-2px)}.experience-list{flex-direction:column;gap:3rem;margin-top:2rem;display:flex}.experience-item{border-left:2px solid #01322026;padding:1.5rem;transition:all .3s;position:relative}.experience-item:hover{border-left-color:#01322066}.experience-company-header{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.exp-company-name{color:#013220;letter-spacing:.015em;margin:0;font-family:Kaisei Decol,serif;font-size:1.35rem;font-weight:400}.role-timeline{flex-direction:column;display:flex}.role-entry{gap:1.25rem;display:flex}.role-marker{flex-direction:column;flex-shrink:0;align-items:center;padding-top:.4rem;display:flex}.role-dot{background:#01322040;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.role-dot-current{background:#013220;box-shadow:0 0 0 3px #0132201a}.role-entry:hover .role-dot{background:#013220;transform:scale(1.3)}.role-line{background:#01322026;flex:1;width:1px;margin:.35rem 0}.role-content{flex:1;padding-bottom:1.75rem}.role-entry:last-child .role-content{padding-bottom:0}.role-header{justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:.5rem;display:flex}.exp-role{color:#013220;margin:0;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:500;line-height:1.3}.exp-date{color:#9ca3af;letter-spacing:.02em;flex-shrink:0;margin:0;font-family:Inter,sans-serif;font-size:.8rem;font-weight:400}.exp-location{color:#9ca3af;margin:0;font-family:Inter,sans-serif;font-size:.85rem;font-weight:300}.exp-description{color:#666;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:300;line-height:1.6}.exp-highlights{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.exp-highlights li{color:#666;padding-left:1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:300;line-height:1.5;position:relative}.exp-highlights li:before{content:"·";color:#013220;font-size:1.1rem;font-weight:700;line-height:1.35;position:absolute;left:.25rem}.projects-content{width:100%;max-width:800px;padding:2rem}.projects-list{flex-direction:column;margin-top:2rem;display:flex}.project-row{border-bottom:1px solid #01322014;padding:1.5rem 0;text-decoration:none;transition:all .3s;display:block}.project-row:first-child{border-top:1px solid #01322014}.project-row:hover{padding-left:.75rem}.project-row:hover .project-row-arrow{opacity:1;transform:translate(0)}.project-row:hover .project-name{color:#013220}.project-row-inner{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.project-row-left{flex:1}.project-row-arrow{color:#013220;opacity:0;flex-shrink:0;margin-top:.15rem;transition:all .3s;transform:translate(-4px)}.project-name{color:#2c2c2c;margin:0 0 .5rem;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:500;line-height:1.4;transition:color .3s}.project-description{color:#666;margin:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:300;line-height:1.65}.project-tech-stack{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.project-tech-tag{color:#013220;letter-spacing:.02em;background:#0132200d;border:1px solid #0132201f;border-radius:12px;padding:.2rem .6rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:400;transition:all .3s;display:inline-block}.project-row:hover .project-tech-tag{background:#01322014;border-color:#01322033}.contact-content{text-align:center;width:100%;max-width:640px;padding:2rem}.contact-above{color:#9ca3af;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:400}.contact-heading{margin-bottom:1.5rem}.contact-email{color:#013220;letter-spacing:.01em;font-family:Kaisei Decol,serif;font-size:1.75rem;font-weight:400;text-decoration:none;transition:opacity .3s}.contact-email:hover{opacity:.6}.contact-rule{background:#0132204d;width:48px;height:1px;margin:0 auto 1.75rem}.contact-icons{justify-content:center;align-items:center;gap:2rem;margin-bottom:4rem;display:flex}.contact-icon{color:#9ca3af;justify-content:center;align-items:center;text-decoration:none;transition:all .35s;display:flex}.contact-icon:hover{color:#013220;transform:translateY(-2px)}.contact-location{color:#9ca3af;letter-spacing:.08em;font-family:Inter,sans-serif;font-size:.8rem;font-weight:300}@media (max-width:1024px){.vertical-navbar{width:100px}.main-container{padding-right:100px}.nav-items{gap:1.5rem;margin-top:4rem}.logo-link{font-size:1.25rem}}@media (max-width:768px){.vertical-navbar{border-top:2px solid #013220;border-left:none;flex-direction:row;width:100%;height:auto;inset:auto 0 0}.navbar-content{flex-direction:row;justify-content:center;align-items:center;gap:0;padding:.5rem 0}.navbar-logo{display:none}.nav-items{flex-direction:row;justify-content:space-around;gap:0;width:100%;margin-top:0}.nav-item{width:40px;height:40px}.nav-icon{width:22px;height:22px}.main-container{padding-bottom:5rem;padding-left:1rem;padding-right:1rem}.main-name{font-size:2.5rem}.main-text{font-size:.9rem}.main-content{padding:1rem}.main-title{font-size:2rem}.education-content,.experience-content,.projects-content,.contact-content{padding:1rem}.edu-header{flex-direction:column;gap:.25rem}.edu-header-right{text-align:left}.experience-company-header,.role-header{flex-direction:column;gap:.25rem}.exp-date{flex-shrink:unset}.contact-email{font-size:1.35rem}.contact-icons{margin-bottom:2rem}}@media (max-width:480px){.main-name{font-size:2rem}.main-text{font-size:.85rem}.main-links{flex-wrap:wrap}.main-title{font-size:1.65rem}.edu-degree,.exp-role{font-size:.95rem}.exp-company-name{font-size:1.15rem}.experience-item{padding:1rem}.contact-email{font-size:1.1rem}}