@font-face{font-family:AmazonEmberMedium;src:url(/assets/Amazon-Ember-Medium-C0B_dxuJ.ttf) format("truetype")}@font-face{font-family:AmazonEmberLight;src:url(/assets/AmazonEmber_Lt-2K7JfsG5.ttf) format("truetype")}@font-face{font-family:AmazonEmberThin;src:url(/assets/AmazonEmber_Th-KR_b_mjo.ttf) format("truetype")}html,body{margin:0;scroll-behavior:smooth;overflow-x:hidden}body{font-family:AmazonEmberLight,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:medium;background:#fff7f3;min-height:100vh;color:#332e2e}h1,h2{font-family:AmazonEmberMedium,serif}.p-thin{font-family:AmazonEmberThin,serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.link,a{text-decoration:none;color:#000;cursor:pointer;transition:all .3s ease}.link:hover,a:hover{color:#2ca9e7;transform:translateY(-1px)}*{box-sizing:border-box}::selection{background:#2ca9e7;color:#fff}::-moz-selection{background:#2ca9e7;color:#fff}@media only screen and (max-width: 1024px){body{font-size:medium}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media only screen and (max-width: 800px){body{font-size:medium}h1{font-size:1.5rem}h2{font-size:1.35rem}h3{font-size:1.15rem}}@media only screen and (max-width: 480px){body{font-size:small}h1{font-size:1.35rem}h2{font-size:1.25rem}h3{font-size:1.1rem}a,button,.link{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}.header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px;background:transparent;transition:box-shadow .3s ease}.left-item{display:flex;flex-direction:row}.centered-items{display:flex;justify-content:center;align-items:center;font-size:larger;gap:10px}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;text-decoration:none;color:#000;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#2ca9e7;transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:before{width:80%}.nav-link:hover{transform:translateY(-2px)}.nav-link.active:before{width:80%}.nav-icon{transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.2)}.phi-logo{height:40px;width:40px;margin-right:10px;transition:transform .5s ease}.logo-container{display:flex;align-items:flex-end;flex-direction:row;margin-right:50px;cursor:pointer;transition:all .3s ease}.logo-container:hover .phi-logo{transform:rotate(360deg)}.logo-container:hover{transform:scale(1.05)}.logo-text{display:flex;flex-direction:column;font-size:larger;line-height:1;transition:color .3s ease}.logo-text span{font-size:20px;font-weight:700}.logo-container:hover .logo-text{color:#2ca9e7}.inline-icon{flex-shrink:0;color:#2ca9e7}@media only screen and (max-width: 1024px){.header{padding:12px}.logo-container{margin-right:30px}.centered-items{gap:8px;font-size:medium}.nav-link{padding:8px 12px}}@media only screen and (max-width: 800px){.header{flex-direction:column;padding:15px 10px}.left-item{flex-direction:column;align-items:center;width:100%}.logo-container{margin-bottom:15px;margin-right:0}.centered-items{flex-wrap:wrap;justify-content:center;width:100%}.nav-link{padding:10px 16px;min-width:80px;text-align:center}}@media only screen and (max-width: 480px){.header{padding:12px 8px}.phi-logo{height:35px;width:35px}.logo-text span{font-size:18px}.centered-items{gap:5px;font-size:small}.nav-link{padding:8px 12px;font-size:small}.contact-info{font-size:x-small;padding:8px;word-break:break-all}}.profile-section{display:flex;flex-direction:column;align-items:center}.profile-section h2{margin-bottom:10px}.profile-image-wrapper{position:relative;transition:transform .3s ease}.profile-image-wrapper:hover{transform:scale(1.05)}.linkedin-image{height:200px;width:200px;border-radius:50%;border:2px solid rgba(0,0,0,.08)}.about-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;margin:50px auto 0;width:80%}.top-section,.middle-section{display:flex;margin-bottom:30px;justify-content:center}.middle-section{gap:10px;border-top:2px solid rgba(0,0,0,.08);padding-top:10px}.bottom-section{display:flex;width:100%;margin-bottom:100px;border-top:2px solid rgba(0,0,0,.08);padding-top:10px}.top-section{align-items:center}.about-section{display:flex;flex-direction:row;padding:24px;margin-left:32px;border-radius:12px;transition:all .3s ease;position:relative;gap:40px}.about-me{flex:2}.about-me p{line-height:1.7}.skills-section{flex:1;margin-top:-10px}.skills-list{list-style:none;padding:0;margin:0}.skill-item{display:flex;flex-direction:row;gap:10px;align-items:center}.skill-item:first-child{margin-top:0}.education,.work-experience,.publications{display:flex;flex-direction:column;padding:15px 15px 0;flex:1}.online-courses{display:flex;flex-direction:column;padding:15px;width:50%}.education h2,.work-experience h2,.publications h2,.online-courses h2{margin-top:0}.work-experience-section,.education-section,.publication-section,.online-course-section{display:flex;align-items:center;gap:20px;margin-bottom:32px;border-radius:12px}.work-experience-section:last-of-type,.education-section:last-of-type,.publication-section:last-of-type,.online-course-section:last-of-type{margin-bottom:0}.flip-card{perspective:1000px;position:relative;min-height:80px;-webkit-tap-highlight-color:transparent}.flip-card-inner{position:relative;width:100%;min-height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{width:100%;min-height:100%;backface-visibility:hidden;display:flex;align-items:center;gap:20px;border-radius:12px}.flip-card-front{position:relative;transform:rotateY(0)}.flip-card-back{position:absolute;top:0;left:0;right:0;transform:rotateY(180deg);padding:0 15px 15px;justify-content:center}.flip-card-back .education-details,.flip-card-back .work-experience-details{width:100%}.flip-card-back .back-content{text-align:left;font-weight:400;color:#332e2e!important}.work-experience-logo,.education-logo,.publication-logo,.online-course-logo{height:50px;width:50px;border-radius:50%;object-fit:contain}.work-experience-details,.education-details,.publication-details,.online-course-details{display:flex;flex-direction:column;gap:8px;flex:1}.education-details h3,.work-experience-details h3,.publication-details h3,.online-course-details h3{margin:0}.education-details h3:hover,.work-experience-details h3:hover,.publication-details h3:hover,.online-course-details h3:hover{color:#2ca9e7}.education-details p,.work-experience-details p,.publication-details p,.online-course-details p{margin:0;text-align:left}.education-details p:first-of-type,.work-experience-details p:first-of-type,.publication-details p:first-of-type,.online-course-details p:first-of-type{color:#2ca9e7;font-weight:500}.section-header{display:flex;align-items:center;justify-content:center;gap:12px}.about-icon{color:#332e2e}.about-icon:hover{color:#2ca9e7}.left-text{align-self:start}.description{margin-top:0;color:gray;display:flex;align-items:center;gap:8px;transition:all .3s ease}.contact-info{margin:0;line-height:1.5;font-size:smaller;display:flex;align-items:center;gap:8px;padding:8px 12px}.about-container h2{transition:color .3s ease;animation:fadeIn .6s ease}.about-container h3{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width: 1024px){.about-container{width:85%}.linkedin-image{height:200px;width:200px}.about-section{padding:20px}.flip-card{min-height:90px}}@media only screen and (max-width: 800px){.about-container{width:85%;padding:0 15px;margin-bottom:80px}.top-section{flex-direction:column}.middle-section{flex-direction:column;gap:20px}.about-section{margin-left:0;margin-top:20px;padding:18px;flex-direction:column}.profile-image-wrapper{margin-top:30px}.linkedin-image{height:180px;width:180px}.education,.work-experience,.publications{width:100%}}@media only screen and (max-width: 480px){.about-container{width:95%;padding:0 10px;margin-bottom:60px}.top-section{flex-direction:column}.middle-section{flex-direction:column;gap:20px;padding-top:20px}.bottom-section{flex-direction:column}.about-section{margin-left:0;margin-top:15px;padding:16px;border-radius:8px;flex-direction:column}.about-section:hover{transform:translateY(-4px)}.profile-image-wrapper{margin-top:20px}.linkedin-image{height:150px;width:150px}.about-container h2,.description{text-align:center}.section-header{gap:8px;font-size:1rem}.education,.work-experience,.publications,.online-courses{width:100%;padding:15px}.flip-card{min-height:110px}.flip-card:active{opacity:.8}.education-logo,.work-experience-logo,.publication-logo,.online-course-logo{height:40px;width:40px}.about-container p{font-size:small;line-height:1.6;text-align:left}.about-container h3{font-size:.95rem}.online-courses{width:100%}.profile-section h2{font-size:1.5rem}.profile-section h3{font-size:.9rem}}.blog-container{display:flex;justify-content:center;padding:0 20px;margin:50px auto 100px;flex-direction:column;width:80%;align-items:center}.essay{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;width:100%}.blog-card{padding:32px;border-radius:16px;border:2px solid #e8e8e8;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%}.blog-card:hover:before{left:100%}.blog-card:hover{transform:translateY(-8px);border-color:#2ca9e7}.blog-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.blog-icon{color:#2ca9e7;transition:all .4s ease;flex-shrink:0}.blog-card:hover .blog-icon{transform:scale(1.1) rotate(10deg);filter:drop-shadow(0 4px 12px rgba(44,169,231,.4))}.blog-card h2{margin:0;transition:color .3s ease}.blog-card:hover h2{color:#2ca9e7}.blog-container p{line-height:1.7;text-align:justify;margin:16px 0}.read-more-link{display:inline-flex;align-items:center;gap:8px;border-radius:8px;font-weight:700;text-decoration:none;transition:all .3s ease;margin-top:16px}.read-more-link:hover{transform:translate(5px)}.arrow-icon{transition:transform .3s ease}.read-more-link:hover .arrow-icon{transform:translate(5px)}@media only screen and (max-width: 1024px){.blog-container{width:85%}.essay{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.blog-card{padding:28px}.blog-card-header{gap:12px}.blog-container p{font-size:medium}}@media only screen and (max-width: 800px){.blog-container{width:90%;padding:0 15px;margin:40px auto 80px}.essay{grid-template-columns:1fr;gap:24px}.blog-card{padding:24px;border-radius:12px}.blog-card-header{gap:12px;flex-direction:column;align-items:flex-start}.blog-icon{align-self:center}.blog-card h2{font-size:1.5rem;text-align:center}.blog-container p{font-size:medium;text-align:left}.read-more-link{padding:10px 20px;font-size:small}}@media only screen and (max-width: 480px){.blog-container{width:95%;padding:0 10px;margin:30px auto 60px}.essay{grid-template-columns:1fr;gap:20px}.blog-card{padding:18px;border-radius:10px}.blog-card:hover{transform:translateY(-4px)}.blog-card-header{gap:10px;flex-direction:column;align-items:flex-start}.blog-icon{align-self:center}.blog-card h2{font-size:1.25rem;line-height:1.3;text-align:center;width:100%}.blog-container p{font-size:small;line-height:1.6;margin:12px 0;text-align:left}.read-more-link{padding:10px 18px;font-size:small;width:100%;justify-content:center;margin-top:12px}.read-more-link:hover{transform:translateY(-2px)}}.linkedin-thumbnail{height:50px;width:50px;border-radius:50%;margin-right:10px;border:2px solid rgba(0,0,0,.08)}.image-date-container h4{color:gray;margin:0}.image-date-container{display:flex;align-items:center}@media only screen and (max-width: 800px){.linkedin-thumbnail{height:45px;width:45px;margin-right:8px}.image-date-container h4{font-size:medium}}@media only screen and (max-width: 480px){.linkedin-thumbnail{height:40px;width:40px;margin-right:6px}.image-date-container h4{font-size:small}.image-date-container{flex-wrap:wrap;gap:5px}}.home-container{display:flex;justify-content:center;padding:0 20px;margin:50px auto 100px;flex-direction:column;width:80%;max-width:1200px}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;width:100%}.headers{margin-bottom:0;display:flex;align-items:center;gap:12px;transition:color .3s ease}.section-icon{color:#2ca9e7;transition:all .3s ease;flex-shrink:0}.section-card{padding:24px;border-radius:12px;transition:all .3s ease;border:1px solid transparent;height:100%;display:flex;flex-direction:column}.section-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2ca9e726;border-color:#2ca9e7}.section-card:hover .section-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(44,169,231,.3))}.section-card:hover .headers{color:#2ca9e7}.centered-text{text-align:center;background:linear-gradient(135deg,#2ca9e7,#1a8cd8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-container p{font-size:medium;line-height:1.7;text-align:justify;transition:color .3s ease}@media only screen and (max-width: 1024px){.home-container{width:85%}.sections-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-card{padding:20px}.home-container p{font-size:medium}}@media only screen and (max-width: 800px){.home-container{width:90%;padding:0 15px;margin:50px auto 80px}.sections-grid{grid-template-columns:1fr;gap:20px}.section-card{padding:20px}.centered-text{font-size:1.75rem;margin-bottom:30px}.headers{font-size:1.1rem;gap:10px}.home-container p{font-size:medium;text-align:left}}@media only screen and (max-width: 480px){.home-container{width:95%;padding:0 10px;margin:50px auto 60px}.sections-grid{grid-template-columns:1fr;gap:16px}.centered-text{font-size:1.5rem;line-height:1.3;margin-bottom:25px}.section-card{padding:18px;border-radius:8px}.section-card:hover{transform:translateY(-2px)}.headers{font-size:1rem;gap:8px;margin-bottom:12px}.section-icon{font-size:1.2rem}.home-container p{font-size:small;line-height:1.6;text-align:left}}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(135deg,#e8e8e8,#f5f5f5);display:flex;align-items:center;justify-content:center;font-size:smaller;box-shadow:0 -2px 10px #0000000d;transition:all .3s ease;z-index:1000}.bottom-bar:hover{background:linear-gradient(135deg,#f5f5f5,#fff);box-shadow:0 -4px 16px #2ca9e71a}.copyright-content{display:flex;align-items:center;gap:8px;transition:color .3s ease}.copyright-content:hover{color:#2ca9e7}@media only screen and (max-width: 800px){.bottom-bar{height:45px;padding:0 10px}.copyright-content{font-size:x-small;gap:6px}}@media only screen and (max-width: 480px){.bottom-bar{height:50px;padding:0 8px}.copyright-content{font-size:xx-small;gap:4px;flex-wrap:wrap;text-align:center}}svg.wave-background{position:absolute;top:0;left:0;max-width:100%;overflow:hidden}@media only screen and (max-width: 800px){svg.wave-background{height:40%!important}}@media only screen and (max-width: 480px){svg.wave-background{height:30%!important}}.blog-post-container{display:flex;flex-direction:row}.sidebar{flex-basis:200px;flex-grow:0;flex-shrink:0;padding:45px 0 0 30px}.sidebar a{font-size:medium}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:10px}.content-parent{display:flex;justify-content:center;padding-bottom:50px}.content{padding:20px;width:70%}.content p,.content h3{text-align:justify;font-family:serif;line-height:1.5}.sidebar a.active{font-weight:700;color:#2ca9e7}#sub{vertical-align:sub;font-size:small}.blog-post-container h2{margin-bottom:10px}.image-date-inner{flex-direction:column;display:flex}#introduction{margin-top:50px}@media only screen and (max-width: 1024px){.sidebar{flex-basis:180px;padding:40px 0 0 20px}.sidebar a{font-size:small}.content{width:75%;padding:15px}.content p,.content h3{font-size:medium}}@media only screen and (max-width: 800px){.blog-post-container{flex-direction:column}.sidebar{flex-basis:auto;padding:20px 15px;width:100%;border-bottom:1px solid #e8e8e8}.sidebar ul{display:flex;flex-wrap:wrap;gap:10px}.sidebar li{margin-bottom:0;flex:1 1 auto}.sidebar a{font-size:small;padding:8px 12px;display:block;border-radius:6px;transition:all .3s ease}.sidebar a:hover{background:#f0f9ff}.content{width:90%;padding:20px 15px}.content h2{font-size:1.5rem;line-height:1.3}.content h3{font-size:1.2rem}.content p,.content h3{font-size:medium;text-align:left}.content-parent{padding-bottom:80px}}@media only screen and (max-width: 480px){.sidebar{padding:15px 10px}.sidebar ul{flex-direction:column;gap:8px}.sidebar li{width:100%}.sidebar a{font-size:x-small;padding:10px;text-align:left}.content{width:95%;padding:15px 10px}.content h2{font-size:1.25rem;line-height:1.3;margin-bottom:8px}.content h3{font-size:1.1rem;margin-top:20px;margin-bottom:10px}.content p,.content h3{font-size:small;line-height:1.6;text-align:left}.content-parent{padding-bottom:60px}#introduction{margin-top:30px}}