@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--content-max: 1120px;--bg: #f5f8fb;--surface: #ffffff;--surface-soft: #f7fbff;--text: #0f172a;--text-muted: #475569;--border: #d9e2ec;--primary: #0d9488;--primary-soft: #ecfdf5;--shadow-sm: 0 6px 16px rgba(19, 52, 84, .08);--shadow-md: 0 16px 34px rgba(19, 52, 84, .12);--radius-lg: 18px;--radius-md: 12px;--bg-grad-1: #dbeafe;--bg-grad-2: #ecfeff;--topnav-bg: rgba(244, 248, 252, .85);--topnav-border: rgba(214, 226, 239, .7);--title-accent: #0f2942;--title-accent-hover: #0b1f32;--link-text: #1e293b;--link-hover-bg: #eff6ff;--link-hover-border: #bfdbfe;--section-title-muted: #334155;--social-chip-bg: #f8fafc;--social-chip-text: #1e293b;--social-chip-border: #cbd5e1;--eyebrow: #0f766e;--nav-active-text: #ffffff;--nav-active-grad-1: #0d9488;--nav-active-grad-2: #14b8a6;--btn-primary-grad-1: #0d9488;--btn-primary-grad-2: #14b8a6;--btn-primary-text: #ffffff;--btn-secondary-border: #99f6e4;--btn-hover-shadow: 0 7px 14px rgba(20, 58, 94, .16);--card-bg-1: #ffffff;--card-bg-2: #f8fbff;--card-hover-border: #93c5fd;--sheen: rgba(255, 255, 255, .5);--image-border: #dbe8f4;--image-bg: #ffffff;--meta-text: #334155;--company-link-border: #99f6e4;--company-link-bg-1: #ecfdf5;--company-link-bg-2: #ccfbf1;--company-link-text: #0f766e;--company-work-bg: linear-gradient(135deg, #ecfdf5 0%, #ccfbf1 100%);--company-work-border: #99f6e4;--company-work-text: #0f766e;--company-edu-bg: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);--company-edu-border: #bfdbfe;--company-edu-text: #1d4ed8;--company-teach-bg: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);--company-teach-border: #fdba74;--company-teach-text: #c2410c;--link-primary: #0f766e;--link-primary-border: #5eead4;--skill-border: #d7e4f0;--skill-bg: #ffffff;--skill-chip-bg: #f9fcff;--skill-chip-border: #d7e4f0;--skill-chip-text: #0f172a;--skill-chip-featured-bg: #ecfdf5;--skill-chip-featured-border: #94e7d8;--skills-group-border: #d6e2ee;--skills-group-bg: #f8fbff;--cloud-border: #99f6e4;--cloud-bg: linear-gradient(135deg, #ecfeff 0%, #f0fdfa 100%);--cloud-title: #0f766e;--cloud-chip-bg: #ffffff;--cloud-chip-border: #99f6e4;--tooltip-bg: #1f3042;--tooltip-text: #ffffff;--footer-bg: rgba(255, 255, 255, .72);--footer-text: #5d7087;--footer-name: #1b5b99;--social-icon-bg: rgba(13, 148, 136, .12);--toggle-shadow: 0 6px 14px rgba(19, 52, 84, .16);--img-shadow: drop-shadow(0 18px 24px rgba(19, 52, 84, .18));--sheen-alpha: rgba(255, 255, 255, .5);--sheen-clear: rgba(255, 255, 255, 0);--skill-hover-shadow: 0 8px 14px rgba(20, 58, 94, .15);--chip-hover-shadow: 0 6px 12px rgba(32, 90, 153, .2)}html[data-theme=dark]{--bg: #0a192f;--surface: #112240;--surface-soft: #122b4a;--text: #ccd6f6;--text-muted: #8892b0;--border: #233554;--primary: #64ffda;--primary-soft: #102a43;--shadow-sm: 0 6px 16px rgba(2, 8, 18, .42);--shadow-md: 0 16px 34px rgba(2, 8, 18, .56);--bg-grad-1: #10213d;--bg-grad-2: #0f2544;--topnav-bg: rgba(10, 16, 28, .86);--topnav-border: rgba(43, 58, 82, .9);--title-accent: #e6f1ff;--title-accent-hover: #ffffff;--link-text: #c7d2fe;--link-hover-bg: #1f3554;--link-hover-border: #2e4f79;--section-title-muted: #a8b2d1;--social-chip-bg: #112240;--social-chip-text: #dbeafe;--social-chip-border: #2e4f79;--eyebrow: #64ffda;--nav-active-text: #0a192f;--nav-active-grad-1: #64ffda;--nav-active-grad-2: #72f1df;--btn-primary-grad-1: #64ffda;--btn-primary-grad-2: #72f1df;--btn-primary-text: #0a192f;--btn-secondary-border: #2e4f79;--btn-hover-shadow: 0 8px 20px rgba(2, 8, 18, .42);--card-bg-1: #121b2a;--card-bg-2: #172437;--card-hover-border: #3f6ea0;--sheen: rgba(193, 220, 255, .16);--image-border: #344b66;--image-bg: #0f1724;--meta-text: #a8b2d1;--company-link-border: #2e4f79;--company-link-bg-1: #112240;--company-link-bg-2: #1a2f4a;--company-link-text: #64ffda;--link-primary: #64ffda;--link-primary-border: #2dd4bf;--skill-border: #2e4f79;--skill-bg: #f8fafc;--skill-chip-bg: #1a304e;--skill-chip-border: #30567f;--skill-chip-text: #e6f1ff;--skill-chip-featured-bg: #113646;--skill-chip-featured-border: #2abfa9;--skills-group-border: #284264;--skills-group-bg: #152743;--cloud-border: #2dd4bf;--cloud-bg: linear-gradient(135deg, #13334f 0%, #153b59 100%);--cloud-title: #64ffda;--cloud-chip-bg: #0f223a;--cloud-chip-border: #2e5a86;--tooltip-bg: #e6f1ff;--tooltip-text: #0a192f;--footer-bg: rgba(10, 25, 47, .82);--footer-text: #94a3b8;--footer-name: #64ffda;--social-icon-bg: rgba(100, 255, 218, .16);--company-work-bg: linear-gradient(135deg, #13344d 0%, #164059 100%);--company-work-border: #1e5a70;--company-work-text: #64ffda;--company-edu-bg: linear-gradient(135deg, #162f4f 0%, #1a3a63 100%);--company-edu-border: #31598b;--company-edu-text: #93c5fd;--company-teach-bg: linear-gradient(135deg, #3f2a1f 0%, #4e3426 100%);--company-teach-border: #8b5e34;--company-teach-text: #fbbf24;--toggle-shadow: 0 8px 18px rgba(2, 8, 18, .45);--img-shadow: drop-shadow(0 16px 22px rgba(2, 8, 18, .45));--sheen-alpha: rgba(193, 220, 255, .16);--sheen-clear: rgba(193, 220, 255, 0);--skill-hover-shadow: 0 10px 16px rgba(2, 8, 18, .4);--chip-hover-shadow: 0 8px 14px rgba(2, 8, 18, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);font-family:Manrope,sans-serif;font-size:clamp(15px,.2vw + 14px,16px);background:radial-gradient(circle at 10% -10%,var(--bg-grad-1) 0%,transparent 34%),radial-gradient(circle at 95% 0%,var(--bg-grad-2) 0%,transparent 28%),var(--bg);transition:background-color .35s ease,color .35s ease}a{color:inherit}.skip-link{position:absolute;top:-44px;left:12px;z-index:1000;padding:10px 12px;border-radius:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);text-decoration:none;font-weight:700;transition:top .2s ease}.skip-link:focus{top:12px}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 70%,white 30%);outline-offset:2px}.topnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;width:min(var(--content-max),92vw);margin:10px auto 0;padding:14px 18px;background:var(--topnav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--topnav-border);border-radius:14px;box-shadow:var(--shadow-sm);animation:navEnter .45s ease-out both}.topnav-brand{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;margin:0 auto 0 0;padding:0;font-family:Sora,sans-serif;font-size:21px;font-weight:700;color:var(--title-accent);cursor:pointer;text-align:left;transition:transform .2s ease,color .2s ease}.topnav-brand:hover{transform:translateY(-1px);color:var(--title-accent-hover)}.topnav a{text-decoration:none;font-size:14px;font-weight:700;color:var(--link-text);border:1px solid transparent;padding:8px 12px;border-radius:999px;transition:all .2s ease}.topnav a:hover{background-color:var(--link-hover-bg);border-color:var(--link-hover-border)}.topnav a.active{color:var(--nav-active-text);border-color:transparent;background:linear-gradient(135deg,var(--nav-active-grad-1) 0%,var(--nav-active-grad-2) 100%)}.theme-toggle{position:relative;border:1px solid var(--link-hover-border);background:linear-gradient(135deg,var(--link-hover-bg) 0%,var(--surface) 100%);color:var(--link-text);border-radius:999px;--toggle-pad: 2px;--toggle-thumb-w: 45px;--toggle-thumb-h: 30px;--toggle-shift: 47px;padding:2px;width:96px;height:36px;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--toggle-shadow)}.theme-toggle:focus-visible{outline-offset:3px}.theme-toggle-thumb{position:absolute;top:var(--toggle-pad);left:var(--toggle-pad);width:var(--toggle-thumb-w);height:var(--toggle-thumb-h);border-radius:999px;background:linear-gradient(145deg,#fff,#ebf8f3);border:1px solid #c8e8df;box-shadow:0 5px 12px #0e1a2b2e;color:#0f766e;display:inline-flex;align-items:center;justify-content:center;z-index:2;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease,color .2s ease}.theme-toggle-thumb svg{width:14px;height:14px}.theme-toggle-icon{width:15px;height:15px;z-index:1;transition:color .24s ease,opacity .24s ease}.theme-toggle-icon svg{width:15px;height:15px}.theme-toggle-icon--light{color:#0f766e;opacity:1}.theme-toggle-icon--dark{color:#64748b;opacity:.7}.theme-toggle.is-dark{background:linear-gradient(135deg,#163152,#1a3a5e);border-color:#3b5f89}.theme-toggle.is-dark .theme-toggle-thumb{transform:translate(var(--toggle-shift));background:linear-gradient(145deg,#d6e9ff,#bdd7f7);border-color:#88aed8;color:#1e3a5f}.theme-toggle.is-dark .theme-toggle-icon--light{color:#8eb2dd;opacity:.65}.theme-toggle.is-dark .theme-toggle-icon--dark{color:#dbeafe;opacity:1}.body-container{width:min(var(--content-max),90vw);margin:34px auto}.hero-section{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;margin-bottom:28px}.myimage{display:flex;justify-content:center}.myimage svg{width:min(430px,100%);filter:var(--img-shadow)}.myimage svg path{width:100%}#mask1,.newImage{width:70px}.about-me{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-soft) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;animation:blockEnter .6s ease-out both}.eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow);font-weight:800}#hello{margin:0;font-family:Sora,sans-serif;font-size:clamp(28px,4vw,40px);line-height:1.18}#hello2{margin:12px 0 16px;color:var(--section-title-muted);font-size:20px;font-weight:600}.about-me p{margin:0 0 14px;color:var(--text-muted);line-height:1.68;font-size:16px}.about-now{margin:0 0 14px;padding:10px 12px;border-radius:10px;border:1px solid var(--company-work-border);background:var(--company-work-bg);color:var(--company-work-text);font-size:14px;line-height:1.55;font-weight:700}.about-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 12px}.about-actions a{text-decoration:none;padding:10px 14px;border-radius:10px;border:1px solid var(--btn-secondary-border);font-weight:700;font-size:14px;transition:transform .2s ease,box-shadow .2s ease}.about-actions a:first-child{background:linear-gradient(135deg,var(--btn-primary-grad-1) 0%,var(--btn-primary-grad-2) 100%);color:var(--btn-primary-text);border-color:transparent}.about-actions a:last-child{background:var(--primary-soft);color:var(--primary)}.about-actions a:hover{transform:translateY(-1px);box-shadow:var(--btn-hover-shadow)}.portfolio,.experience,.education,.teaching,.skills{margin-bottom:32px}.portfolio h1,.experience h1,.education h1,.teaching h1,.skills h1{margin:0 0 14px;font-family:Sora,sans-serif;font-size:clamp(25px,3vw,34px);letter-spacing:.01em;position:relative;display:inline-block;padding-bottom:6px}.portfolio h1:after,.experience h1:after,.education h1:after,.teaching h1:after,.skills h1:after{content:"";position:absolute;left:0;bottom:0;width:60%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--primary) 0%,transparent 100%)}.portfolio-item,.experience-item,.education-item,.teaching-item,.skills-section{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--card-bg-1) 0%,var(--card-bg-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1),border-color .28s cubic-bezier(.2,.7,.2,1)}.portfolio-item:hover,.experience-item:hover,.education-item:hover,.teaching-item:hover,.skills-section:hover{transform:translateY(-4px);border-color:var(--card-hover-border);box-shadow:var(--shadow-md)}.experience-item,.education-item,.teaching-item,.portfolio-item{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:22px;margin-bottom:18px}.portfolio-item.no-image{grid-template-columns:1fr;gap:10px}.portfolio-item.no-image .portfolio-content h3{margin-bottom:8px}.featured-work{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--card-bg-1) 0%,var(--card-bg-2) 100%);box-shadow:var(--shadow-sm);padding:18px;margin-bottom:16px}.featured-work-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.featured-work-header h2{margin:0;font-family:Sora,sans-serif;font-size:clamp(18px,.8vw + 14px,22px)}.featured-work-header p{margin:0;color:var(--text-muted);font-size:13px}.featured-work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.featured-work-tile{display:flex;flex-direction:column;gap:4px;border-radius:12px;border:1px solid var(--company-link-border);background:linear-gradient(135deg,var(--company-link-bg-1) 0%,var(--company-link-bg-2) 100%);color:var(--company-link-text);padding:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.featured-work-tile span{font-size:12px;line-height:1.35;font-weight:800;letter-spacing:.01em}.featured-work-tile small{font-size:11px;opacity:.9}.featured-work-tile:hover{transform:translateY(-1px);box-shadow:var(--chip-hover-shadow);filter:saturate(1.08)}.featured-work-tile.is-static{opacity:.86}.experience-image img,.education-image img,.teaching-image img,.portfolio-image img,.portfolio-image2 img,.portfolio-image3 img{display:block;width:100%;max-width:190px;aspect-ratio:1 / 1;object-fit:contain;object-position:center;border-radius:10px;border:1px solid var(--image-border);background:var(--image-bg);padding:10px;transition:transform .25s ease}.experience-item:hover .experience-image img,.education-item:hover .education-image img,.teaching-item:hover .teaching-image img,.portfolio-item:hover .portfolio-image img,.portfolio-item:hover .portfolio-image2 img,.portfolio-item:hover .portfolio-image3 img{transform:scale(1.03)}.portfolio-li{margin:0;padding-left:18px;color:var(--text-muted);font-size:15px}.portfolio-li li{line-height:1.6;margin-bottom:8px}.portfolio-li li:last-child{margin-bottom:0}.portfolio-content h3,.experience-content h3,.education-content h3,.teaching-content h3{margin:0;font-size:clamp(20px,1.05vw + 14px,23px);font-weight:700;overflow-wrap:anywhere}.portfolio-content p,.experience-content p,.education-content p,.teaching-content p{margin:0;color:var(--text-muted);line-height:1.62}.portfolio-content h3+.portfolio-li,.experience-content h4+.portfolio-li,.education-content h4+p,.teaching-content h4+.portfolio-li{margin-top:10px}.experience-content h4,.education-content h4,.teaching-content h4{margin:7px 0 0;color:var(--meta-text);font-weight:600;font-size:clamp(13px,.35vw + 12px,15px);overflow-wrap:anywhere}.experience-impact{margin-top:10px;font-size:14px;line-height:1.55;color:var(--text-muted);font-weight:600}.company-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.company-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;padding:7px 12px;border-radius:999px;border:1px solid var(--company-link-border);background:linear-gradient(135deg,var(--company-link-bg-1) 0%,var(--company-link-bg-2) 100%);color:var(--company-link-text);font-size:12px;letter-spacing:.02em;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.company-link:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.9}.company-link:after{content:"↗";font-size:12px;line-height:1;opacity:.8}.company-link:hover{transform:translateY(-1px);box-shadow:var(--chip-hover-shadow);filter:saturate(1.08)}.company-link--work{border-color:var(--company-work-border);background:var(--company-work-bg);color:var(--company-work-text)}.company-link--education{border-color:var(--company-edu-border);background:var(--company-edu-bg);color:var(--company-edu-text)}.company-link--teaching{border-color:var(--company-teach-border);background:var(--company-teach-bg);color:var(--company-teach-text)}.portfolio-content p a{display:inline-flex;margin-top:14px;text-decoration:none;font-weight:700;font-size:14px;color:var(--link-primary);border-bottom:1px solid var(--link-primary-border)}.project-tech-stack{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;padding:0}.project-tech-chip{border:1px solid var(--skill-chip-border);background:var(--skill-chip-bg);color:var(--skill-chip-text);border-radius:999px;font-size:12px;font-weight:700;line-height:1;padding:7px 10px;white-space:nowrap}.skills-section{padding:24px;overflow:visible;display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.skills-group{border:1px solid var(--skills-group-border);background:var(--skills-group-bg);border-radius:14px;padding:16px;display:flex;flex-direction:column;min-height:100%}.skills-group--cloud{border-color:var(--cloud-border);background:var(--cloud-bg)}.skills-group-header{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:12px}.skills-group-header h2{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:clamp(14px,.25vw + 13px,16px);letter-spacing:.02em}.skills-group-header p{margin:0;color:var(--text-muted);font-size:clamp(11px,.2vw + 10.5px,12px);line-height:1.4}.skills-group--cloud .skills-group-header h2{color:var(--cloud-title)}.cloud-chip{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--cloud-chip-bg);border:1px solid var(--cloud-chip-border)}.cloud-chip svg{width:18px;height:18px}.cloud-chip img{width:18px;height:18px;object-fit:contain;filter:contrast(1.08) saturate(1.08)}.cloud-chip--aws{background:#fff;border-color:#d6dce5}.cloud-chip--aws img{width:20px;height:20px}html[data-theme=dark] .cloud-chip--aws{background:#f8fafc;border-color:#8aa3bf}.skills-chip-list{list-style:none;display:grid;grid-template-columns:1fr;gap:8px;padding:0;margin:0}.skill-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--skill-chip-border);background:var(--skill-chip-bg);border-radius:12px;padding:7px 8px;min-height:52px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.skill-chip:hover{transform:translateY(-1px);box-shadow:var(--skill-hover-shadow)}.skill-chip--featured{border-color:var(--skill-chip-featured-border);background:var(--skill-chip-featured-bg)}.skill-chip .skill-icon,.skill-chip .skill-icon-fallback{width:34px;height:34px;padding:4px;border-radius:8px;flex-shrink:0}.skill-chip .skill-icon-fallback{font-size:10px}.skill-label{font-size:clamp(11px,.22vw + 10.5px,12px);font-weight:700;color:var(--skill-chip-text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-icon{object-fit:contain;border:1px solid var(--skill-border);background-color:var(--skill-bg);transition:transform .2s ease,filter .2s ease;filter:saturate(1.08) contrast(1.08)}.skill-icon-fallback{border:1px solid var(--skill-border);background:linear-gradient(135deg,var(--skill-bg) 0%,var(--surface-soft) 100%);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;line-height:1.2;color:var(--text-muted)}.skill-chip:hover .skill-icon{transform:translateY(-1px);filter:saturate(1.14) contrast(1.12)}.skill-tooltip{display:none}footer{margin-top:12px;border-top:1px solid var(--border);background:var(--footer-bg)}.footer-content{width:min(1120px,90vw);margin:0 auto;padding:16px 0 28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.footer-content p{margin:0;color:var(--footer-text);font-size:14px}.footer-name{cursor:pointer;color:var(--footer-name);font-weight:700}.footer-name-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--footer-name);cursor:pointer;font:inherit;font-weight:700;padding:0}.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}.social-links a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--social-chip-text);border:1px solid var(--social-chip-border);background:var(--social-chip-bg);border-radius:999px;padding:7px 10px;font-weight:600;transition:border-color .2s ease,background-color .2s ease}.social-links a:hover{border-color:var(--link-hover-border);background-color:var(--link-hover-bg)}.social-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:6px;background:var(--social-icon-bg);border:1px solid color-mix(in srgb,var(--social-chip-border) 70%,transparent)}.social-icon svg{width:14px;height:14px}.reveal{opacity:0;transform:translateY(24px) scale(.99);filter:blur(2px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1),filter .7s cubic-bezier(.2,.6,.2,1);will-change:transform,opacity,filter}.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}@keyframes navEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes blockEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes splashEffect{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.myimage svg{animation:splashEffect .9s ease-out forwards,floatBlob 6.5s ease-in-out 1s infinite}@keyframes floatBlob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media screen and (max-width: 1200px){.topnav{width:min(var(--content-max),94vw)}.body-container{width:min(var(--content-max),92vw)}}@media screen and (min-width: 1440px){:root{--content-max: 1240px}.portfolio h1,.experience h1,.education h1,.teaching h1,.skills h1{font-size:clamp(30px,2.3vw,38px)}}@media screen and (min-width: 1800px){:root{--content-max: 1360px}.topnav{padding:16px 22px}.experience-item,.education-item,.teaching-item,.portfolio-item{gap:28px;padding:24px}}@media screen and (max-width: 980px){.topnav{padding:12px 14px;flex-wrap:wrap}.body-container{width:min(1120px,92vw);margin:20px auto}.hero-section{grid-template-columns:1fr;gap:18px}.myimage{order:-1}.experience-item,.education-item,.teaching-item,.portfolio-item{grid-template-columns:1fr;gap:14px}.experience-image img,.education-image img,.teaching-image img,.portfolio-image img,.portfolio-image2 img,.portfolio-image3 img{max-width:260px}.portfolio h1,.experience h1,.education h1,.teaching h1,.skills h1{font-size:28px}#hello2{font-size:18px}.skills-section{padding:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.featured-work-grid{grid-template-columns:1fr}.skills-group{padding:12px}.skills-group-header h2{font-size:14px}.skills-chip-list{grid-template-columns:1fr}.footer-content{justify-content:center;text-align:center}}@media screen and (max-width: 760px){.topnav{gap:8px;justify-content:flex-start}.topnav-brand{width:100%;margin-bottom:4px}.topnav a,.theme-toggle{padding:4px}.theme-toggle{margin-left:auto;width:90px;height:34px;--toggle-pad: 2px;--toggle-thumb-w: 41px;--toggle-thumb-h: 28px;--toggle-shift: 43px}.about-me{padding:22px}.portfolio-item,.experience-item,.education-item,.teaching-item{padding:18px}.skills-section{grid-template-columns:1fr}}@media screen and (max-width: 520px){.body-container{width:94vw}#hello{font-size:30px}.topnav{position:static;row-gap:6px;border-radius:12px}.social-links{gap:6px}.social-links a{font-size:12px;padding:6px 9px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}