html,body,#root{height:100%;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#f4f5f7;color:#2e2e2e;line-height:1.6;font-size:1rem;padding-top:70px}p{margin-bottom:1.2rem;font-size:1.05rem;color:#333}a{color:#5069a3;text-decoration:none;transition:color .3s ease}#root{display:flex;flex-direction:column}main{flex:1}.container{max-width:900px;margin:0 auto;padding:2rem;background:#fdfdfd;border-radius:12px;box-shadow:0 4px 12px #0000000d}section{margin-bottom:3rem}.site-header{position:fixed;top:0;left:0;width:100%;background:#f9fafc;box-shadow:0 2px 8px #0000000d;z-index:1000;padding:1rem 0}.nav-bar{display:flex;justify-content:center;align-items:center;gap:2rem}.nav-bar a{font-weight:600;color:#324b7c;font-size:1.05rem;transition:color .3s ease,transform .2s ease}.nav-bar a:hover{color:#5069a3;transform:translateY(-2px)}.footer-bar{width:100%;background-color:#e2e6f0;color:#2e2e2e;text-align:center;padding:.8rem 1rem;font-size:.9rem;display:flex;flex-direction:column;align-items:center;border-top:1px solid #cbd3e3}.footer-bar img{height:40px;width:40px;object-fit:contain;margin-bottom:.6rem}.footer-bar a{color:#324b7c;font-weight:600}.footer-bar a:hover{color:#5069a3}.footer-credits{font-size:.8rem;color:#555;margin-top:.3rem}.profile-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:start;margin-top:2rem}.island{background:#fdfdfd;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.left-island{text-align:center}.profile-img-square{max-width:200px;width:100%;height:auto;display:block;margin:0 auto 1rem;border-radius:20px;box-shadow:0 4px 10px #00000014}.motto{font-style:italic;color:#555}.contact-box{border:1px solid #ddd;background-color:#fafafa;padding:1rem;border-radius:8px}.contact-box h2{margin-bottom:.8rem;color:#324b7c}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr 1fr}.left-island{grid-column:1 / -1;text-align:center}}@media (max-width: 600px){.profile-grid{grid-template-columns:1fr}.island{margin-bottom:1.5rem}.profile-img-square{max-width:160px}}.skills-section{margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}.skill-card{background:#fdfdfd;padding:1.2rem;border-radius:10px;box-shadow:0 2px 8px #0000000d}.skill-card h3{color:#324b7c;margin-bottom:.6rem}.portfolio-block{margin-bottom:2rem;padding:1rem 1.2rem;background:#fafbfc;border-left:4px solid #324b7c;border-radius:6px}.portfolio-block h3{margin-bottom:.5rem}.project-list{list-style:none;padding:0}.project-list li{margin-bottom:2rem}.project-list h2{margin-bottom:.5rem;color:#324b7c}.project-date{font-size:.95rem;color:#777;font-style:italic;margin-bottom:.8rem}.img-gallery{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.img-gallery div{text-align:center}.img-gallery img{max-width:280px;border-radius:8px;box-shadow:0 4px 10px #00000014}.img-desc{font-size:.9rem;color:#666;font-style:italic;margin-top:.5rem}.code-box{margin-top:1rem;padding:1rem;border-radius:8px;background:#1e1e1e;color:#f5f5f5;overflow-x:auto;box-shadow:inset 0 0 6px #0003}.code-box h3{font-size:1rem;margin-bottom:.5rem;color:#a7b6da}@media (max-width: 600px){body{font-size:.95rem;line-height:1.5;padding:.5rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}.video-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.video-item{display:flex;flex-direction:column;gap:.5rem}.video-item video{width:100%;border-radius:8px;box-shadow:0 4px 10px #00000014;background-color:#000}.video-desc{font-size:.9rem;color:#666;font-style:italic;text-align:center;margin-top:.5rem}@media (max-width: 600px){.video-gallery{grid-template-columns:1fr}}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.category-filter-btn{background:transparent;border:1px solid #324b7c;color:#324b7c;padding:.4rem .9rem;font-size:.85rem;font-weight:600;border-radius:20px;cursor:pointer;transition:all .2s ease}.category-filter-btn:hover{background:#e8ecf4}.category-filter-btn.active{background:#324b7c;color:#fdfdfd}.projects-grid{display:flex;flex-direction:column;gap:1.5rem}.project-card{background:#fafbfc;padding:1.5rem;border-radius:12px;border-left:4px solid #324b7c;box-shadow:0 2px 8px #0000000d}.project-card-header h3{margin-bottom:.5rem;color:#324b7c}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.tech-tag{display:inline-block;background:#e8ecf4;color:#324b7c;padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.vibe-badge{display:inline-block;background:#d4edda;color:#155724;padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.project-card-desc{font-size:.95rem;color:#555;margin-bottom:.6rem}.project-card-links{font-size:.9rem;margin-bottom:.6rem}.project-expand-btn{background:transparent;border:1px solid #324b7c;color:#324b7c;padding:.3rem .7rem;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.project-expand-btn:hover{background:#324b7c;color:#fdfdfd}.project-detail{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.project-detail.expanded{max-height:2000px}.project-detail ul{padding-left:1.2rem;margin-top:.8rem}.project-detail li{font-size:.9rem;color:#555;margin-bottom:.3rem}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line{display:block;width:24px;height:3px;background-color:#324b7c;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.nav-toggle.open .hamburger-line:nth-child(2){opacity:0}.nav-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.nav-links{display:flex;justify-content:center;align-items:center;gap:2rem}@media (max-width: 768px){.nav-toggle{display:flex}.nav-bar{justify-content:flex-end;padding:0 1rem}.nav-links{position:fixed;top:70px;left:0;right:0;flex-direction:column;background:#f9fafc;padding:0;gap:0;box-shadow:0 4px 12px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.nav-links.open{max-height:500px;padding:1rem 0}.nav-links a{padding:.8rem 1.5rem;width:100%;text-align:center;border-bottom:1px solid #e2e6f0}.nav-links a:last-of-type{border-bottom:none}.lang-toggle{width:100%;padding:.8rem 1.5rem;border:none;border-radius:0}}.lang-toggle{background:transparent;border:1px solid #324b7c;color:#324b7c;padding:.4rem .8rem;font-size:.95rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s ease}.lang-toggle:hover{background:#324b7c;color:#fdfdfd}.hero-section{display:flex;justify-content:center;align-items:center;padding:2rem;margin-bottom:2rem}.hero-content{display:flex;align-items:center;gap:2.5rem;max-width:700px}.hero-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 6px 16px #0000001f;flex-shrink:0}.hero-text{text-align:left}.hero-text h1{margin-bottom:.4rem;font-size:2.2rem}.hero-tagline{font-size:1.1rem;color:#555;margin-bottom:.4rem}.hero-motto{font-style:italic;color:#777;margin-bottom:1rem;font-size:1rem}.social-icons{display:flex;gap:1.2rem;flex-wrap:wrap}.social-icons a{font-size:.95rem;font-weight:600;color:#324b7c;padding:.4rem .8rem;border:1px solid #324b7c;border-radius:6px;transition:all .2s ease}.social-icons a:hover{background:#324b7c;color:#fff;text-decoration:none}@media (max-width: 600px){.hero-content{flex-direction:column;text-align:center}.hero-text{text-align:center}.hero-photo{width:140px;height:140px}.hero-text h1{font-size:1.8rem}.social-icons{justify-content:center}}.highlight-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.highlight-card{background:#fafbfc;padding:1.5rem;border-radius:12px;border-left:4px solid #324b7c;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000014}.highlight-card h2{font-size:1.15rem;margin-bottom:.8rem;color:#324b7c}.highlight-card p{font-size:.95rem;margin-bottom:.6rem;line-height:1.5}.card-link{display:inline-block;font-size:.9rem;font-weight:600;color:#5069a3;margin-top:.5rem;transition:color .2s ease}.card-link:hover{color:#324b7c}@media (max-width: 900px){.highlight-cards{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.highlight-cards{grid-template-columns:1fr}.highlight-card{padding:1.2rem}}.edu-entry{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.edu-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0;margin-top:2px}.edu-info{font-size:.95rem;line-height:1.5}.edu-ib-details{font-size:.82rem;color:#666}.ib-details-toggle{background:none;border:none;color:#5069a3;font-size:.82rem;cursor:pointer;padding:0;margin-left:.4rem;text-decoration:underline;transition:color .2s ease}.ib-details-toggle:hover{color:#324b7c}.ib-details{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.ib-details.expanded{max-height:80px}.highlight-card hr{border:none;border-top:1px solid #e0e4ec;margin:.8rem 0}.course-toggle-btn{background:transparent;border:1px solid #324b7c;color:#324b7c;padding:.4rem .8rem;font-size:.85rem;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.course-toggle-btn:hover{background:#324b7c;color:#fdfdfd}.course-list{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.course-list.expanded{max-height:600px}.course-list h4{margin-top:1rem;margin-bottom:.4rem;font-size:.9rem;color:#324b7c}.course-list ul{padding-left:1.2rem;margin:0}.course-list li{font-size:.85rem;margin-bottom:.25rem;color:#555}.cta-section{display:flex;justify-content:center;gap:1rem;padding:1.5rem 0;flex-wrap:wrap}.cta-button{background-color:#324b7c;color:#fdfdfd;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease;border:2px solid #324b7c}.cta-button:hover{background-color:#25365d;border-color:#25365d;text-decoration:none;color:#fdfdfd;transform:translateY(-2px)}.cta-button-outline{background:transparent;color:#324b7c}.cta-button-outline:hover{background:#324b7c;color:#fdfdfd}@media (max-width: 600px){.cta-section{flex-direction:column;align-items:center}.cta-button{width:80%;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#f4f5f7;color:#2e2e2e;line-height:1.6;padding-top:70px;padding-bottom:70px}h1,h2,h3{color:#324b7c;margin-bottom:1rem}p{margin-bottom:1.5rem;font-size:1.1rem;color:#333}a{color:#5069a3;text-decoration:none;font-weight:600;transition:color .3s ease}a:hover{color:#324b7c;text-decoration:underline}button{background-color:#324b7c;color:#fdfdfd;border:none;padding:.6rem 1.2rem;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#25365d}