:root{--font-body:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--bg-base:#f4f7fb;--bg-dark:#122033;--bg-gradient-1:linear-gradient(120deg, #1f5aa6 0%, #2f8ac7 100%);--surface:#ffffff9e;--surface-strong:#ffffffd1;--border-soft:#1220331f;--shadow-soft:0 20px 40px #09192a1a;--text-main:#11263f;--text-muted:#4f6278;--text-accent:#1f5aa6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-main);background:radial-gradient(circle at 0% 0%, #54ade633, transparent 42%), radial-gradient(circle at 100% 100%, #1f5aa629, transparent 44%), var(--bg-base);min-height:100vh;line-height:1.5}.ambient-background{z-index:-2;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(20px);opacity:.55;border-radius:50%;position:absolute}.blob-1{background:#74cdff59;width:360px;height:360px;top:-120px;left:-80px}.blob-2{background:#3472c440;width:480px;height:480px;top:22%;right:-160px}.blob-3{background:#6eb5e842;width:280px;height:280px;bottom:-80px;left:32%}.wrapper{width:min(1160px,92%);margin:106px auto 28px}.glass-nav{z-index:20;width:min(1160px,92%);margin:14px auto 0;position:sticky;top:14px}.nav-container{border:1px solid var(--border-soft);background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.04em;font-size:1.35rem;font-weight:700}.brand span{color:var(--text-accent)}.nav-links{gap:14px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-muted);border-radius:10px;padding:8px 10px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.nav-links a:hover{color:var(--text-accent);background:#1f5aa61a}.btn-primary{color:#fff;background:var(--bg-gradient-1);border-radius:12px;padding:10px 14px;font-weight:600;text-decoration:none;box-shadow:0 10px 20px #1f5aa647}.glass-panel,.glass-card{border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);border-radius:22px}.hero{grid-template-columns:1.55fr 1fr;gap:28px;margin-bottom:24px;padding:30px;display:grid}.hero-content{flex-direction:column;display:flex}.chip{width:fit-content;color:var(--text-accent);background:#1f5aa61c;border:1px solid #1f5aa638;border-radius:999px;align-items:center;margin-bottom:12px;padding:6px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.gradient-text{font-family:var(--font-display);background:linear-gradient(110deg,#102a45 0%,#2f8ac7 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.role{font-family:var(--font-display);color:var(--text-muted);margin:8px 0 18px;font-size:1.15rem;font-weight:500}.summary-container{flex-direction:column;gap:12px;margin-bottom:26px;display:flex}.summary-container p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.7}.contact-chips{flex-wrap:wrap;gap:10px;display:flex}.contact-chip,.soft-badge,.tech-chip{color:var(--text-main);background:#fff;border:1px solid #11263f24;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.contact-chip .material-icons-round,.section-header .material-icons-round,.list-icon{font-size:1.05rem}.highlight-chip{color:#e9f3ff;background:#11263feb;border-color:#fff3}.highlight-chip:hover{background:var(--bg-gradient-1);color:#fff}.hero-visual{justify-content:center;align-items:center;display:flex}.profile-card{aspect-ratio:1;width:min(310px,100%);padding:12px;overflow:hidden}.profile-card img{object-fit:cover;border-radius:18px;width:100%;height:100%}.bento-grid{grid-template-columns:minmax(0,1.62fr) minmax(300px,1fr);gap:20px;display:grid}.bento-col{flex-direction:column;display:flex}.section-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-header h2{font-family:var(--font-display);margin:0;font-size:1.28rem}.icon-glow{color:var(--text-accent);filter:drop-shadow(0 0 8px #1f5aa65c)}.timeline-interactive{flex-direction:column;gap:16px;display:flex}.timeline-item{border:1px solid var(--border-soft);background:linear-gradient(145deg,#ffffffb8,#ffffff80);border-radius:20px;transition:border-color .22s,box-shadow .22s,transform .22s;position:relative;overflow:hidden;box-shadow:0 14px 28px #0a1c3114}.timeline-item:before{content:"";background:linear-gradient(#1f5aa614,#1f5aa657);width:4px;position:absolute;top:0;bottom:0;left:0}.timeline-item:hover{border-color:#1f5aa659;transform:translateY(-2px);box-shadow:0 18px 34px #0a1c311f}.timeline-item[open]{border-color:#1f5aa66b;box-shadow:0 20px 36px #10274424}.timeline-item[open]:before{background:linear-gradient(#1f5aa659,#2f8ac7b8)}.timeline-summary{cursor:pointer;grid-template-columns:96px 1fr auto auto;align-items:center;gap:12px;padding:15px;list-style:none;display:grid;position:relative}.timeline-summary::-webkit-details-marker{display:none}.timeline-summary:focus-visible{outline-offset:-2px;outline:2px solid #1f5aa680}.timeline-point{text-align:center;color:var(--text-accent);background:linear-gradient(#1f5aa629,#1f5aa60f);border:1px solid #1f5aa633;border-radius:12px;flex-direction:column;padding:8px;font-weight:700;display:flex}.year-start,.year-end{font-size:.78rem}.timeline-header h3{font-size:1.12rem;line-height:1.35;font-family:var(--font-display);margin:0;font-weight:600}.company-row{align-items:center;gap:8px;margin-top:6px;display:flex}.company-badge{min-width:38px;height:22px;color:var(--text-accent);letter-spacing:.04em;background:#1f5aa624;border:1px solid #1f5aa63d;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.72rem;font-weight:700;display:inline-flex}.company{color:var(--text-muted);align-items:center;font-size:.9rem;font-weight:500;display:inline-flex}.view-more-text{color:var(--text-accent);opacity:.9;text-align:right;white-space:nowrap;min-width:62px;font-size:0;font-weight:600;transition:opacity .2s,color .2s;position:relative}.view-more-text:after{content:"Expand";font-size:.85rem}.timeline-summary:hover .view-more-text,.timeline-item[open] .view-more-text{opacity:1}.timeline-item[open] .view-more-text{color:#184886}.timeline-item[open] .view-more-text:after{content:"Collapse"}.expand-icon{color:var(--text-muted);background:#1f5aa614;border:1px solid #1f5aa633;border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .24s,background-color .2s,color .2s;display:grid}.timeline-summary:hover .expand-icon{color:var(--text-accent);background:#1f5aa624}.timeline-item[open] .expand-icon{color:#fff;background:linear-gradient(130deg,#1f5aa6 0%,#2f8ac7 100%);transform:rotate(180deg)}.timeline-content{box-shadow:none;background:linear-gradient(#f4f9ffe0,#ffffffb3);border-top:1px solid #1f5aa624;border-radius:0;padding:14px 18px 16px;animation:.28s ease-out revealTimeline}.job-desc{color:var(--text-muted);gap:9px;margin:0;padding-left:20px;font-size:.95rem;display:grid}.job-desc li::marker{color:var(--text-accent)}.metric-highlight{color:#184886;letter-spacing:.01em;background:#1f5aa61f;border:1px solid #1f5aa62e;border-radius:999px;align-items:center;padding:1px 7px;font-weight:700;display:inline-flex}@keyframes revealTimeline{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.projects-panel,.skills-panel,.edu-panel,.achieve-panel{padding:24px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.project-card{flex-direction:column;gap:8px;padding:18px;display:flex}.project-card h3{font-family:var(--font-display);margin:0}.project-card p{color:var(--text-muted);margin:0;font-size:.94rem}.project-link{background:#1f5aa614;border-color:#1f5aa633;margin-top:10px;font-size:.84rem}.chip-container{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tech-chip{color:var(--text-accent);background:#1f5aa61a;border-color:#1f5aa62e;padding:6px 10px;font-size:.82rem}.learning-chip{background:0 0;border-style:dashed}.skill-group+.skill-group{margin-top:14px}.skill-title{color:var(--text-muted);margin:0 0 8px;font-size:.95rem;font-weight:600}.edu-card{border:1px solid var(--border-soft);background:#ffffffa6;border-radius:14px;padding:16px}.edu-degree{font-family:var(--font-display);font-weight:600}.edu-school{color:var(--text-muted);margin-top:4px}.achieve-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.achieve-list li{grid-template-columns:24px 1fr;align-items:start;gap:10px;display:grid}.achieve-list p{color:var(--text-muted);margin:0}.list-icon{color:var(--text-accent);margin-top:2px}.neumorphic-hover{transition:transform .24s,box-shadow .24s}.neumorphic-hover:hover{transform:translateY(-3px);box-shadow:0 24px 40px #0d1e3829}footer{width:min(1160px,92%);margin:0 auto 24px}.footer-panel{text-align:center;padding:14px 18px}.footer-panel p{color:var(--text-muted);margin:0;font-size:.92rem}@media (width<=980px){.wrapper{margin-top:92px}.hero,.bento-grid{grid-template-columns:1fr}.timeline-summary{grid-template-columns:80px 1fr auto}.view-more-text{display:none}}@media (width<=768px){.nav-container{flex-wrap:wrap;justify-content:center;gap:10px}.nav-links{justify-content:center;width:100%}.projects-grid{grid-template-columns:1fr}.hero,.projects-panel,.skills-panel,.edu-panel,.achieve-panel{padding:18px}.timeline-summary{grid-template-columns:1fr}.company-row{flex-wrap:wrap}.timeline-point{width:fit-content}.expand-icon{justify-self:end}.contact-chip{justify-content:center;width:100%}}