*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{color:#1f3b5b;background:#f8fbff}a{text-decoration:none}img{width:100%;display:block}.app{overflow-x:hidden}.container{width:90%;max-width:1180px;margin:0 auto}.section{padding:90px 0}.section-head{margin-bottom:30px}.section-tag{color:#2f6db5;background:#dceeff;border-radius:999px;margin-bottom:12px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-block}.section-head h3{color:#1d4e89;margin-bottom:8px;font-size:34px}.sub-title{color:#1f4f88;margin-bottom:6px;font-size:24px}.sub-desc{color:#55708f;font-size:15px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #dcecff;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.logo{color:#2c6cb8;font-size:26px;font-weight:800}.nav-links{flex-wrap:wrap;gap:22px;display:flex}.nav-links a{color:#3a628f;font-weight:600;transition:all .3s}.nav-links a:hover{color:#2c6cb8}.hero-section{background:linear-gradient(#eef7ff 0%,#fff 100%)}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.badge{color:#2c6cb8;background:#dceeff;border-radius:999px;margin-bottom:18px;padding:10px 16px;font-weight:700;display:inline-block}.hero-text h2{color:#1b4d86;margin-bottom:16px;font-size:54px;line-height:1.1}.hero-desc{color:#5a7593;max-width:560px;margin-bottom:28px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;padding:14px 24px;font-weight:700;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:#4b9cff;box-shadow:0 8px 20px #4b9cff40}.btn-primary:hover{background:#358fff;transform:translateY(-2px)}.btn-secondary{color:#2c6cb8;background:#fff;border:1px solid #cfe5ff}.hero-image-wrap{justify-content:center;display:flex}.hero-image{aspect-ratio:1;object-fit:cover;border:8px solid #fff;border-radius:30px;width:100%;max-width:340px;box-shadow:0 18px 40px #497dbe2e}.about-section{background:#fff}.about-card,.card{background:#fff;border:1px solid #dbeeff;border-radius:24px;padding:24px;box-shadow:0 10px 30px #4678be14}.about-card p{color:#57728f;font-size:16px;line-height:1.9}.skills-wrap{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.skill-chip{color:#2f6db5;background:#eef6ff;border:1px solid #d9ebff;border-radius:999px;padding:10px 16px;font-weight:600}.portfolio-section{background:#f3f9ff}.content-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 22px;display:flex}.text-btn{color:#2f6db5;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:700}.text-btn:hover{text-decoration:underline}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card-image{object-fit:cover;border-radius:18px;height:190px;margin-bottom:18px}.card-body h5{color:#1f4f88;margin-bottom:10px;font-size:20px}.card-body p{color:#58728e;font-size:15px;line-height:1.7}.card-link{color:#2f6db5;margin-top:16px;font-weight:700;display:inline-block}.cert-section{margin-top:55px}.certificate-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.cert-image{height:200px}.cert-meta{color:#5f7c9a;margin-top:8px;font-size:14px}.org-section{background:#fff}.org-card h4{color:#1f4f88;margin-bottom:12px;font-size:24px}.org-card p{color:#58728e;line-height:1.8}.contact-section{background:#f8fbff}.contact-box{background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:32px;box-shadow:0 10px 30px #3b82f614}.contact-intro{color:#475569;margin-bottom:24px;font-size:16px;line-height:1.8}.contact-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.contact-item{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:18px}.contact-item h4{color:#1e3a8a;margin-bottom:8px;font-size:16px}.contact-item p,.contact-item a{color:#475569;line-height:1.6;text-decoration:none}.contact-item a:hover{color:#2563eb}.contact-actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.btn-primary,.btn-secondary{border-radius:999px;padding:12px 22px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#1e40af;background:#e0f2fe}.btn-secondary:hover{background:#bfdbfe}@media (width<=768px){.contact-list{grid-template-columns:1fr}.contact-box{padding:24px}.contact-actions{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}}.full-btn{width:100%}.footer{background:#dff0ff;padding:55px 0 24px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer h4{color:#1f4f88;margin-bottom:14px;font-size:20px}.footer p,.footer li,.footer a{color:#55708f;font-size:15px;line-height:1.8}.footer-list{list-style:none}.footer-bottom{text-align:center;color:#55708f;border-top:1px solid #bddcff;margin-top:28px;padding-top:20px;font-size:14px}@media (width<=992px){.hero-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.project-grid,.certificate-grid{grid-template-columns:repeat(2,1fr)}.hero-text h2{font-size:42px}}@media (width<=768px){.nav-content{flex-direction:column;gap:14px}.nav-links{justify-content:center}.project-grid,.certificate-grid{grid-template-columns:1fr}.hero-text h2{font-size:34px}.section{padding:70px 0}.section-head h3{font-size:28px}}.education-wrap{border-top:1px solid #dbeeff;margin-top:32px;padding-top:24px}.education-title{color:#1f4f88;margin-bottom:20px;font-size:22px}.education-list{flex-direction:column;gap:18px;display:flex}.education-item{background:#f8fbff;border:1px solid #dbeeff;border-radius:18px;padding:20px}.education-item h5{color:#1f4f88;margin-bottom:8px;font-size:18px}.edu-major{color:#2f6db5;margin-bottom:6px;font-weight:700}.edu-year{color:#6b86a3;margin-bottom:10px;font-size:14px}.edu-desc{color:#58728e;font-size:15px;line-height:1.7}