:root{color:#18324b;font-synthesis:none;background:#f4f8fc;font-family:Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#dceeff 0,#0000 28rem),#f4f8fc;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;border-bottom:1px solid #dce7f1;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 7%;display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;color:#0a66c2;font-family:Arial,sans-serif;font-size:25px;font-weight:800}.brand span{color:#ee7f45}.nav-links{align-items:center;gap:21px;display:flex}.nav-links a{color:#53708a;border-bottom:3px solid #0000;padding:25px 0 21px;font-size:14px;font-weight:600}.nav-links a.active{color:#075cad;border-color:#0a66c2}.page-content{flex:1;width:min(1120px,90%);margin:42px auto 60px}.profile-card,.section-card,.page-panel{background:#fff;border:1px solid #dce7f1;border-radius:18px;box-shadow:0 12px 32px #164d7712}.hero-card{overflow:hidden}.cover-banner{background:linear-gradient(120deg,#073a69,#0a66c2 55%,#45a3e8);height:158px;position:relative}.cover-banner:after{content:"";border:52px solid #ffffff1c;border-radius:50%;width:340px;height:340px;position:absolute;top:-250px;right:-45px}.profile-main{align-items:end;gap:28px;padding:0 44px 38px;display:flex}.profile-photo,.profile-placeholder{object-fit:cover;background:#dceeff;border:6px solid #fff;border-radius:50%;flex:none;width:150px;height:150px;margin-top:-75px;box-shadow:0 7px 20px #16344a28}.profile-placeholder{color:#0a66c2;place-items:center;font-family:Arial,sans-serif;font-size:44px;font-weight:800;display:grid}.profile-copy{padding-top:22px}.eyebrow,.section-kicker,.card-label{color:#0a66c2;letter-spacing:1.3px;margin:0 0 7px;font-size:12px;font-weight:700}.profile-copy h1,.page-panel h1{color:#15314c;letter-spacing:-1.1px;margin:0;font-family:Arial,sans-serif;font-size:clamp(30px,4vw,43px);line-height:1.13}.headline{margin:10px 0 5px;font-size:17px;font-weight:600}.location{color:#647d93;margin:0;font-size:14px}.button-row{gap:10px;margin-top:20px;display:flex}.primary-button,.secondary-button{border:1px solid #0a66c2;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-block}.primary-button{color:#fff;background:#0a66c2}.secondary-button{color:#075cad;background:#fff}.content-grid{grid-template-columns:1.25fr .75fr;gap:20px;margin:22px 0 42px;display:grid}.section-card{padding:28px}.section-card h2,.section-heading h2,.page-panel h2{color:#17344e;letter-spacing:-.5px;margin:0 0 10px;font-family:Arial,sans-serif}.section-card p{color:#526c83;line-height:1.7}.text-link{color:#075cad;margin-top:11px;font-size:14px;font-weight:700;display:inline-block}.tag-list{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.tag{color:#285779;background:#eef6fd;border-radius:7px;padding:8px 11px;font-size:13px;font-weight:600}.section-block{margin-bottom:42px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.cards-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-card{background:#fff;border:1px solid #dae7f1;border-radius:14px;flex-direction:column;min-height:255px;padding:23px;transition:transform .2s;display:flex}.project-card:hover{transform:translateY(-4px)}.project-card h3{margin:3px 0 10px;font-family:Arial,sans-serif;font-size:19px}.project-card p{color:#5c7284;font-size:14px;line-height:1.55}.technology-text{margin:auto 0 0}.education-preview{justify-content:space-between;align-items:center;display:flex}.education-preview h2{margin:0 0 5px}.education-preview p{margin:0}.page-panel{padding:clamp(26px,5vw,52px)}.lead-text{color:#506a80;max-width:760px;margin:18px 0 34px;font-size:18px;line-height:1.7}.info-columns{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:27px;display:grid}.info-columns article,.detail-box{background:#f5faff;border:1px solid #dfebf4;border-radius:11px;padding:20px}.info-columns h2,.detail-box h2{font-size:17px}.info-columns p,.detail-box p{color:#587186;margin-bottom:0;line-height:1.6}.more-about{padding:22px 0}.more-about p{color:#587186;max-width:780px;line-height:1.65}.skill-form{gap:10px;max-width:580px;margin-bottom:26px;display:flex}.skill-form input{color:#17344e;border:1px solid #bdd0df;border-radius:8px;flex:1;padding:11px 13px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skill-card{color:#1b4f77;background:#f5faff;border:1px solid #d7e7f2;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:17px;font-weight:700;display:flex}.remove-button{color:#c65353;background:0 0;border:0;font-size:12px;font-weight:700}.empty-message{color:#6a7e8d}.filter-row{flex-wrap:wrap;gap:9px;margin-bottom:25px;display:flex}.filter-button{color:#48718d;background:#fff;border:1px solid #c5d9e8;border-radius:20px;padding:9px 14px;font-size:13px;font-weight:700}.filter-button.selected{color:#fff;background:#0a66c2;border-color:#0a66c2}.detail-panel{max-width:800px;margin:auto}.detail-box{margin:16px 0}.timeline{border-left:2px solid #abd0ee;margin-top:35px;padding-left:29px}.timeline-item{margin-bottom:30px;position:relative}.timeline-item:before{content:"";background:#0a66c2;border:4px solid #e7f4ff;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:-36px}.timeline-item h2{margin-bottom:3px}.timeline-item h3{color:#3973a1;margin:0;font-size:15px}.timeline-item p:not(.card-label){color:#587186;line-height:1.6}.achievement-card{background:#fff8ea;border:1px solid #f1dfba;border-radius:13px;padding:25px}.achievement-card h2{margin:0;font-size:19px}.achievement-card p:last-child{color:#735f37}.contact-layout{grid-template-columns:1fr 1fr;gap:48px;display:grid}.contact-list{border-top:1px solid #dce7f1}.contact-list p{border-bottom:1px solid #dce7f1;flex-direction:column;gap:4px;margin:0;padding:14px 0;display:flex}.contact-list strong{color:#18324b}.contact-list span{color:#5d7488}.contact-form{background:#f9fcff;border:1px solid #dbe8f2;border-radius:13px;padding:25px}.contact-form h2{margin-top:0}.contact-form label{color:#31546e;margin:14px 0;font-size:14px;font-weight:700;display:block}.contact-form input,.contact-form textarea{resize:vertical;background:#fff;border:1px solid #c2d4e2;border-radius:7px;width:100%;margin-top:7px;padding:10px;display:block}.success-message{color:#267346;font-size:14px;font-weight:600}.footer{text-align:center;color:#668097;background:#fff;border-top:1px solid #dbe7f0;padding:24px;font-size:13px}@media (width<=760px){.navbar{align-items:flex-start;padding:13px 5%}.nav-links{flex-wrap:wrap;gap:12px}.nav-links a{padding:5px 0;font-size:12px}.page-content{margin-top:24px}.profile-main{padding:0 24px 28px;display:block}.profile-copy{padding-top:17px}.content-grid,.cards-grid,.info-columns,.skills-grid,.contact-layout{grid-template-columns:1fr}.education-preview{flex-direction:column;align-items:start;gap:20px}.section-heading{flex-direction:column;align-items:start;gap:10px}.contact-layout{gap:25px}.cover-banner{height:115px}.profile-photo,.profile-placeholder{width:122px;height:122px;margin-top:-61px}.skill-form{flex-direction:column}}.timeline-heading{margin-top:34px;font-size:22px}.project-links{flex-wrap:wrap;margin-top:24px}.hero-card .button-row{flex-wrap:wrap}