@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#edf6ff;--surface:#fff;--surface-strong:#f2f7ff;--text:#0d1b2f;--muted:#5a6b83;--border:#d8e5f6;--blue:#1677ff;--blue-strong:#0759d8;--blue-soft:#dff0ff;--purple:#8b5cf6;--purple-soft:#efe7ff;--cyan:#06b6d4;--cyan-soft:#d9fbff;--pink:#ec4899;--pink-soft:#ffe4f2;--amber:#f59e0b;--amber-soft:#fff3c4;--shadow:0 24px 70px #2563eb1f;--shadow-soft:0 12px 34px #0f234414;--radius:18px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101f;--bg-soft:#0b1730;--surface:#101d34;--surface-strong:#162640;--text:#f7fbff;--muted:#b3c1d6;--border:#2b4264;--blue:#60a5fa;--blue-strong:#bfdbfe;--blue-soft:#132d52;--purple:#a78bfa;--purple-soft:#291f4a;--cyan:#22d3ee;--cyan-soft:#0d3744;--pink:#f472b6;--pink-soft:#351a32;--amber:#fbbf24;--amber-soft:#3a2a10;--shadow:0 24px 70px #0000007a;--shadow-soft:0 14px 38px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 14% 7%, var(--blue), transparent 25rem), radial-gradient(circle at 82% 5%, var(--purple), transparent 22rem), radial-gradient(circle at 70% 34%, var(--cyan), transparent 19rem), radial-gradient(circle at 12% 62%, var(--pink), transparent 18rem), linear-gradient(180deg, #fff 0, var(--bg-soft) 38rem, #fff 68rem);margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 14% 7%, color-mix(in srgb, var(--blue) 15%, transparent), transparent 25rem), radial-gradient(circle at 82% 5%, color-mix(in srgb, var(--purple) 14%, transparent), transparent 22rem), radial-gradient(circle at 70% 34%, color-mix(in srgb, var(--cyan) 10%, transparent), transparent 19rem), radial-gradient(circle at 12% 62%, color-mix(in srgb, var(--pink) 8%, transparent), transparent 18rem), linear-gradient(180deg, #fff 0, var(--bg-soft) 38rem, #fff 68rem)}}body{color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}body:before{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){body:before{background-image:linear-gradient(color-mix(in srgb, var(--border) 42%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 42%, transparent) 1px, transparent 1px)}}body:before{content:"";opacity:.32;pointer-events:none;z-index:-1;background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0,#0000 62%);mask-image:linear-gradient(#000 0,#0000 62%)}:root[data-theme=dark] body{background:radial-gradient(circle at 12% 6%,#60a5fa38,#0000 25rem),radial-gradient(circle at 84% 4%,#f472b62e,#0000 23rem),radial-gradient(circle at 82% 42%,#22d3ee21,#0000 20rem),radial-gradient(circle at 18% 78%,#fbbf241c,#0000 20rem),linear-gradient(#050b16 0,#07101f 42rem,#0a1424 100%)}:root[data-theme=dark] body:before{opacity:.16}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 72%, white)}}:focus-visible{outline-offset:3px}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--surface) 76%, transparent)}}.site-header{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.site-header{border:1px solid color-mix(in srgb, var(--border) 80%, transparent)}}.site-header{box-shadow:var(--shadow-soft);z-index:20;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;width:100%;max-width:min(1160px,100% - 1.5rem);margin:0 auto;padding:.62rem .72rem;display:grid;position:sticky;top:.8rem}.brand,.nav-actions,.desktop-nav,.hero-actions,.social-row,.footer-links,.contact-actions,.project-heading,.project-links,.timeline-date,.skill-heading{align-items:center;display:flex}.brand{grid-column:1;justify-self:start;gap:.65rem;min-width:max-content;padding-left:.2rem;font-weight:850}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--purple), var(--pink));color:#fff;letter-spacing:0;border-radius:14px;place-items:center;width:2.3rem;height:2.3rem;font-size:.74rem;display:grid}.desktop-nav{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.desktop-nav{background:color-mix(in srgb, var(--bg-soft) 72%, transparent)}}.desktop-nav{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.desktop-nav{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.desktop-nav{color:var(--muted);white-space:nowrap;border-radius:999px;grid-column:2;justify-self:center;gap:.1rem;min-width:0;padding:.45rem .55rem;font-size:.9rem}.desktop-nav a{white-space:nowrap;border-radius:999px;padding:.4rem .5rem;transition:background .16s,color .16s}.desktop-nav a:hover{background:var(--surface);color:var(--blue-strong)}.nav-actions{grid-column:3;justify-self:end;gap:.25rem;min-width:max-content}.icon-button,.resume-link,.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;font-weight:800;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.icon-button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;width:2.35rem;height:2.35rem}.resume-link{background:var(--surface);border:1px solid var(--border);height:2.35rem;padding:0 .86rem;font-size:.86rem}.icon-button:hover,.resume-link:hover,.secondary-button:hover{border-color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.icon-button:hover,.resume-link:hover,.secondary-button:hover{border-color:color-mix(in srgb, var(--blue) 52%, var(--border))}}.icon-button:hover,.resume-link:hover,.secondary-button:hover{box-shadow:0 10px 24px var(--blue)}@supports (color:color-mix(in lab, red, red)){.icon-button:hover,.resume-link:hover,.secondary-button:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--blue) 12%, transparent)}}.icon-button:hover,.resume-link:hover,.secondary-button:hover{transform:translateY(-2px)}.mobile-nav{display:none;position:relative}.mobile-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;gap:.2rem;min-width:12rem;padding:.55rem;display:grid;position:absolute;top:calc(100% + .65rem);right:0}.mobile-menu a{color:var(--muted);border-radius:14px;padding:.68rem .75rem}.mobile-menu a:hover{background:var(--blue-soft);color:var(--blue-strong)}.section-shell{max-width:1160px;margin:0 auto;padding:clamp(2rem,4vw,3rem) clamp(1rem,4vw,3rem);scroll-margin-top:6rem}.hero{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);min-height:auto;padding-top:clamp(4rem,7vw,6rem);display:grid;position:relative}.hero:before{background:linear-gradient(135deg, var(--blue), var(--purple))}@supports (color:color-mix(in lab, red, red)){.hero:before{background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 10%, transparent), color-mix(in srgb, var(--purple) 8%, transparent))}}.hero:before{border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.hero:before{border:1px solid color-mix(in srgb, var(--blue) 16%, transparent)}}.hero:before{content:"";pointer-events:none;z-index:-1;border-radius:32px;position:absolute;inset:clamp(3rem,5vw,4.5rem) 0 1.5rem}main>.section-shell:not(.hero):not(.contact-section){background:var(--surface)}@supports (color:color-mix(in lab, red, red)){main>.section-shell:not(.hero):not(.contact-section){background:color-mix(in srgb, var(--surface) 88%, transparent)}}main>.section-shell:not(.hero):not(.contact-section){border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:32px;margin-top:0;margin-bottom:1.2rem}:root[data-theme=dark] .site-header{background:#081223d1;border-color:#84a2cc3d;box-shadow:0 18px 48px #00000059}:root[data-theme=dark] .desktop-nav{background:#0e1f38b8;border-color:#84a2cc2e}:root[data-theme=dark] .desktop-nav a:hover,:root[data-theme=dark] .mobile-menu a:hover{color:#e5f0ff;background:#60a5fa24}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .resume-link,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .mobile-menu{background:#0f1e35e6;border-color:#84a2cc3d}:root[data-theme=dark] .hero:before,:root[data-theme=dark] main>.section-shell:not(.hero):not(.contact-section){background:linear-gradient(135deg,#101f39eb,#0c182dd1),#101d34db;border-color:#84a2cc38;box-shadow:inset 0 1px #ffffff0a,0 24px 64px #0000003d}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .about-copy,:root[data-theme=dark] .fact-card,:root[data-theme=dark] .skill-card,:root[data-theme=dark] .achievement-card,:root[data-theme=dark] .education-list article,:root[data-theme=dark] .project-card{background:#0e1b31e0;border-color:#84a2cc33}:root[data-theme=dark] .fact-card,:root[data-theme=dark] .skill-card,:root[data-theme=dark] .achievement-card,:root[data-theme=dark] .education-list article,:root[data-theme=dark] .project-card{box-shadow:inset 0 1px #ffffff09}:root[data-theme=dark] .skill-card:hover,:root[data-theme=dark] .fact-card:hover,:root[data-theme=dark] .achievement-card:hover,:root[data-theme=dark] .education-list article:hover,:root[data-theme=dark] .project-card:hover{border-color:#60a5fa80;box-shadow:inset 0 1px #ffffff0d,0 18px 38px #0000003d}.eyebrow,.section-label,.project-context{color:var(--blue-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.eyebrow{background:var(--blue-soft)}@supports (color:color-mix(in lab, red, red)){.eyebrow{background:color-mix(in srgb, var(--blue-soft) 70%, var(--surface))}}.eyebrow{border:1px solid var(--border);letter-spacing:0;text-transform:none;border-radius:999px;gap:.45rem;margin-bottom:1.1rem;padding:.4rem .7rem;display:inline-flex}.section-label-large{color:var(--text);letter-spacing:0;text-transform:none;margin:0;font-size:clamp(2rem,3.8vw,3.25rem);line-height:.96}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;white-space:nowrap;max-width:none;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:700;line-height:.92}h2{letter-spacing:0;margin-bottom:.8rem;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1}h3{margin-bottom:.38rem;font-size:1.12rem;line-height:1.22}.hero-role{color:var(--blue-strong);margin-bottom:.7rem;font-size:clamp(1.25rem,2.2vw,1.85rem);font-weight:850}.hero-lede,.muted,.about-copy,.project-info p,.achievement-card span,.education-list p,.education-list span,.education-list small,.site-footer p{color:var(--muted)}.hero-lede{max-width:36rem;font-size:clamp(1.04rem,1.8vw,1.24rem)}.hero-actions,.social-row,.contact-actions,.project-links{flex-wrap:wrap;gap:.78rem;margin-top:1.45rem}.primary-button,.secondary-button{gap:.5rem;min-height:2.95rem;padding:.78rem 1.08rem}.primary-button{background:var(--blue);box-shadow:0 16px 28px var(--blue)}@supports (color:color-mix(in lab, red, red)){.primary-button{box-shadow:0 16px 28px color-mix(in srgb, var(--blue) 22%, transparent)}}.primary-button{color:#fff}.primary-button:hover{background:var(--blue-strong);transform:translateY(-2px)}.primary-button:hover svg{transform:translate(2px)}.secondary-button{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.secondary-button{background:color-mix(in srgb, var(--surface) 86%, transparent)}}.secondary-button{border:1px solid var(--border);color:var(--text)}.social-row a,.text-link{color:var(--muted);align-items:center;gap:.42rem;font-weight:800;display:inline-flex}.social-row a:hover,.text-link:hover,.footer-links a:hover{color:var(--blue-strong)}.hero-visual{background:radial-gradient(circle at 25% 20%, var(--pink), transparent 9rem), radial-gradient(circle at 78% 25%, var(--cyan), transparent 10rem), linear-gradient(135deg, var(--blue), var(--purple))}@supports (color:color-mix(in lab, red, red)){.hero-visual{background:radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--pink) 24%, transparent), transparent 9rem), radial-gradient(circle at 78% 25%, color-mix(in srgb, var(--cyan) 28%, transparent), transparent 10rem), linear-gradient(135deg, color-mix(in srgb, var(--blue) 82%, #fff), color-mix(in srgb, var(--purple) 55%, var(--blue)))}}.hero-visual{border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.hero-visual{border:1px solid color-mix(in srgb, var(--blue) 35%, var(--border))}}.hero-visual{box-shadow:var(--shadow);border-radius:30px;height:22rem;position:relative;overflow:hidden}.hero-visual:before{content:"";opacity:.75;background-image:radial-gradient(circle,#ffffff85 1px,#0000 1px),linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:18px 18px,46px 46px,46px 46px;position:absolute;inset:0}.photo-card{background:linear-gradient(135deg, var(--surface), var(--blue-soft)), var(--surface)}@supports (color:color-mix(in lab, red, red)){.photo-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 88%, transparent), color-mix(in srgb, var(--blue-soft) 72%, var(--surface))), var(--surface)}}.photo-card{border:1px solid var(--border);box-shadow:var(--shadow);z-index:1;border-radius:34px;width:min(70%,18rem);padding:.9rem;transition:transform .28s;position:absolute;top:6%;left:50%;transform:translate(-50%)translateY(10px)}.photo-placeholder{background:radial-gradient(circle at 28% 22%, var(--pink), transparent 9rem), radial-gradient(circle at 74% 68%, var(--cyan), transparent 10rem), linear-gradient(135deg, var(--bg-soft), var(--surface));align-items:center}@supports (color:color-mix(in lab, red, red)){.photo-placeholder{background:radial-gradient(circle at 28% 22%, color-mix(in srgb, var(--pink) 24%, transparent), transparent 9rem), radial-gradient(circle at 74% 68%, color-mix(in srgb, var(--cyan) 28%, transparent), transparent 10rem), linear-gradient(135deg, var(--bg-soft), var(--surface))}}.photo-placeholder{border:1px dashed var(--blue)}@supports (color:color-mix(in lab, red, red)){.photo-placeholder{border:1px dashed color-mix(in srgb, var(--blue) 42%, var(--border))}}.photo-placeholder{border-radius:28px;flex-direction:column;justify-content:center;gap:.45rem;height:16rem;min-height:0;padding:0;font-weight:850;display:flex;overflow:hidden}.photo-placeholder img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.photo-card:hover{transform:translate(-50%)translateY(-2px)}.sticker,.floating-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--text);z-index:2;border-radius:999px;padding:.46rem .7rem;font-size:.8rem;font-weight:850;position:absolute}.sticker-ai{top:2.6rem;right:-1rem}.sticker-um{bottom:2rem;left:-2rem}.hero-mini{align-items:center;gap:.42rem;display:inline-flex}.hero-mini-one{top:21%;left:0}.hero-mini-two{bottom:18%;right:3%}.hero-console{border:1px solid var(--blue);background:#0c1a2e}@supports (color:color-mix(in lab, red, red)){.hero-console{border:1px solid color-mix(in srgb, var(--blue) 28%, transparent)}}.hero-console{box-shadow:var(--shadow);color:#dceaff;z-index:2;border-radius:24px;width:min(60%,16rem);padding:.85rem;position:absolute;bottom:3%;right:10%;transform:translate(30px)rotate(3deg)}.console-top{gap:.34rem;margin-bottom:.75rem;display:flex}.console-top span{background:#72a7ff;border-radius:50%;width:.56rem;height:.56rem}.console-top span:nth-child(2){background:#f9a8d4}.console-top span:nth-child(3){background:#67e8f9}.hero-console p{margin-bottom:.65rem;font-size:.92rem;font-weight:850}:root[data-theme=dark] .hero-visual{background:radial-gradient(circle at 24% 18%,#f472b647,#0000 11rem),radial-gradient(circle at 82% 24%,#22d3ee3d,#0000 12rem),linear-gradient(135deg,#123a75,#423179 52%,#143345);border-color:#93c5fd57}:root[data-theme=dark] .hero-visual:before,:root[data-theme=dark] .project-visual:before{opacity:.42}:root[data-theme=dark] .photo-card,:root[data-theme=dark] .browser-frame{background:#0b172aeb;border-color:#bfdbfe3d;box-shadow:0 22px 54px #00000061}:root[data-theme=dark] .photo-placeholder{color:#dbeafe;background:radial-gradient(circle at 30% 22%,#f472b62e,#0000 8rem),radial-gradient(circle at 76% 66%,#22d3ee2e,#0000 9rem),linear-gradient(135deg,#0f2340f5,#15223af5);border-color:#60a5fa75}:root[data-theme=dark] .sticker,:root[data-theme=dark] .floating-card{color:#0a1424;background:#f7fbffeb;border-color:#ffffff5c}:root[data-theme=dark] .hero-console{color:#eef6ff;background:#07111f;border-color:#60a5fa5c}:root[data-theme=dark] .project-visual{background:radial-gradient(circle at 18% 18%,#f472b642,#0000 8rem),radial-gradient(circle at 82% 74%,#22d3ee3d,#0000 9rem),linear-gradient(135deg,#17417e,#483486 54%,#11384c)}:root[data-theme=dark] .browser-bar{background:#07111fb8;border-color:#bfdbfe29}:root[data-theme=dark] .mock-lines span{background:#60a5fa47}.console-grid{grid-template-columns:1fr .7fr;gap:.42rem;display:grid}.console-grid span{background:#ffffff2e;border-radius:999px;height:.46rem}.section-title{margin-bottom:1.35rem}.about-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start;gap:1rem;display:grid}.about-copy{background:var(--blue-soft)}@supports (color:color-mix(in lab, red, red)){.about-copy{background:color-mix(in srgb, var(--blue-soft) 32%, var(--surface))}}.about-copy{border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.about-copy{border:1px solid color-mix(in srgb, var(--blue) 14%, var(--border))}}.about-copy{box-shadow:none;border-radius:20px;padding:1.2rem;font-size:1.1rem}.about-copy p{margin:0}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.fact-card,.skill-card,.achievement-card,.education-list article{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.fact-card,.skill-card,.achievement-card,.education-list article{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.fact-card,.skill-card,.achievement-card,.education-list article{border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;transition:border-color .18s,transform .18s}.fact-card{align-items:center;gap:.65rem;min-height:5.1rem;padding:1rem;display:flex}.fact-card svg,.skill-heading svg,.achievement-card svg,.education-list svg{color:var(--blue)}.fact-card:nth-child(2n) svg,.skill-card:nth-child(2n) svg,.achievement-card:nth-child(2n) svg{color:var(--purple)}.fact-card:nth-child(3n) svg,.skill-card:nth-child(3n) svg,.achievement-card:nth-child(3n) svg{color:var(--cyan)}.fact-card:nth-child(4n) svg,.skill-card:nth-child(4n) svg,.achievement-card:nth-child(4n) svg{color:var(--pink)}.skill-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;display:grid}.skill-card{padding:1rem}.skill-card:hover,.fact-card:hover,.achievement-card:hover,.education-list article:hover{border-color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.skill-card:hover,.fact-card:hover,.achievement-card:hover,.education-list article:hover{border-color:color-mix(in srgb, var(--blue) 44%, var(--border))}}.skill-card:hover,.fact-card:hover,.achievement-card:hover,.education-list article:hover{transform:translateY(-3px)}.skill-heading{gap:.55rem;margin-bottom:.7rem}.skill-heading h3{margin:0;font-size:.95rem}.skill-card div:not(.skill-heading),.tag-row{flex-wrap:wrap;gap:.48rem;display:flex}.skill-card span,.tag-row span{background:var(--blue-soft)}@supports (color:color-mix(in lab, red, red)){.skill-card span,.tag-row span{background:color-mix(in srgb, var(--blue-soft) 70%, var(--surface))}}.skill-card span,.tag-row span{border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.skill-card span,.tag-row span{border:1px solid color-mix(in srgb, var(--blue) 26%, var(--border))}}.skill-card span,.tag-row span{color:var(--blue-strong);border-radius:999px;padding:.36rem .62rem;font-size:.78rem;font-weight:820}.skill-card:nth-child(2n) span,.tag-row span:nth-child(2n){background:var(--purple-soft)}@supports (color:color-mix(in lab, red, red)){.skill-card:nth-child(2n) span,.tag-row span:nth-child(2n){background:color-mix(in srgb, var(--purple-soft) 75%, var(--surface))}}.skill-card:nth-child(2n) span,.tag-row span:nth-child(2n){border-color:var(--purple)}@supports (color:color-mix(in lab, red, red)){.skill-card:nth-child(2n) span,.tag-row span:nth-child(2n){border-color:color-mix(in srgb, var(--purple) 26%, var(--border))}}.skill-card:nth-child(2n) span,.tag-row span:nth-child(2n){color:var(--purple)}@supports (color:color-mix(in lab, red, red)){.skill-card:nth-child(2n) span,.tag-row span:nth-child(2n){color:color-mix(in srgb, var(--purple) 78%, var(--text))}}.skill-card:nth-child(3n) span,.tag-row span:nth-child(3n){background:var(--cyan-soft)}@supports (color:color-mix(in lab, red, red)){.skill-card:nth-child(3n) span,.tag-row span:nth-child(3n){background:color-mix(in srgb, var(--cyan-soft) 75%, var(--surface))}}.skill-card:nth-child(3n) span,.tag-row span:nth-child(3n){border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.skill-card:nth-child(3n) span,.tag-row span:nth-child(3n){border-color:color-mix(in srgb, var(--cyan) 28%, var(--border))}}.skill-card:nth-child(3n) span,.tag-row span:nth-child(3n){color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.skill-card:nth-child(3n) span,.tag-row span:nth-child(3n){color:color-mix(in srgb, var(--cyan) 68%, var(--text))}}.tag-row span:nth-child(4n){background:var(--pink-soft)}@supports (color:color-mix(in lab, red, red)){.tag-row span:nth-child(4n){background:color-mix(in srgb, var(--pink-soft) 75%, var(--surface))}}.tag-row span:nth-child(4n){border-color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.tag-row span:nth-child(4n){border-color:color-mix(in srgb, var(--pink) 26%, var(--border))}}.tag-row span:nth-child(4n){color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.tag-row span:nth-child(4n){color:color-mix(in srgb, var(--pink) 68%, var(--text))}}.project-heading{justify-content:space-between}.project-showcase{gap:1.2rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:24px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:stretch;gap:1.2rem;padding:1rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.project-card:nth-child(2n){grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.project-card:nth-child(2n) .project-visual{order:2}.project-card:hover{border-color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.project-card:hover{border-color:color-mix(in srgb, var(--blue) 55%, var(--border))}}.project-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.project-card:hover .browser-frame{transform:translateY(-4px)rotate(1deg)}.project-visual{background:radial-gradient(circle at 22% 18%, var(--pink), transparent 8rem), radial-gradient(circle at 80% 78%, var(--cyan), transparent 9rem), linear-gradient(135deg, var(--blue), var(--purple))}@supports (color:color-mix(in lab, red, red)){.project-visual{background:radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--pink) 34%, transparent), transparent 8rem), radial-gradient(circle at 80% 78%, color-mix(in srgb, var(--cyan) 36%, transparent), transparent 9rem), linear-gradient(135deg, color-mix(in srgb, var(--blue) 86%, #fff), color-mix(in srgb, var(--purple) 48%, var(--blue-soft)))}}.project-visual{border-radius:22px;min-height:14rem;padding:1rem;position:relative;overflow:hidden}.project-visual:before{content:"";opacity:.8;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.browser-frame{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.browser-frame{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.browser-frame{border:1px solid var(--border);box-shadow:var(--shadow-soft);z-index:1;border-radius:18px;max-width:20rem;margin:.6rem auto 0;transition:transform .18s;position:relative;overflow:hidden}.browser-bar{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.browser-bar{background:color-mix(in srgb, var(--bg-soft) 70%, var(--surface))}}.browser-bar{border-bottom:1px solid var(--border);gap:.38rem;padding:.62rem;display:flex}.browser-bar span{background:var(--blue);border-radius:50%;width:.55rem;height:.55rem}.browser-bar span:nth-child(2){background:var(--pink)}.browser-bar span:nth-child(3){background:var(--cyan)}.mock-screen{gap:.45rem;min-height:9rem;padding:1rem;display:grid}.mock-screen svg{color:var(--blue)}.mock-screen strong{font-size:1.15rem}.mock-screen p{color:var(--muted);margin:0;font-size:.88rem}.mock-lines{gap:.42rem;margin-top:.65rem;display:grid}.mock-lines span{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.mock-lines span{background:color-mix(in srgb, var(--blue) 18%, var(--border))}}.mock-lines span{border-radius:999px;height:.5rem}.mock-lines span:nth-child(2){width:72%}.mock-lines span:nth-child(3){width:48%}.project-index{color:var(--text);bottom:.75rem}@supports (color:color-mix(in lab, red, red)){.project-index{color:color-mix(in srgb, var(--text) 9%, transparent)}}.project-index{font-size:4rem;font-weight:950;line-height:1;position:absolute;right:1rem}.project-info{align-self:center;padding:clamp(.4rem,2vw,1.2rem)}.project-info h3{letter-spacing:0;margin:.25rem 0 .65rem;font-size:clamp(1.55rem,2.5vw,2.35rem)}.project-info p{max-width:42rem;font-size:1rem}.project-links{margin-top:1rem}.timeline{gap:0;display:grid;position:relative}.timeline:before{background:linear-gradient(var(--blue), var(--purple));content:"";opacity:.35;width:2px;position:absolute;top:1rem;bottom:1rem;left:1.1rem}.timeline-item{grid-template-columns:2.2rem minmax(0,1fr);gap:.95rem;padding:0 0 1.2rem;display:grid;position:relative}.timeline-icon{background:var(--surface);border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.timeline-icon{border:1px solid color-mix(in srgb, var(--blue) 35%, var(--border))}}.timeline-icon{box-shadow:var(--shadow-soft);color:var(--blue);z-index:1;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;display:grid;position:relative}.timeline-date{color:var(--blue-strong);gap:.34rem;margin-bottom:.1rem;font-size:.82rem;font-weight:850}.timeline-role{color:var(--text);margin-bottom:.25rem;font-weight:850}.timeline-item .muted{margin-bottom:0}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.achievement-card{min-height:11.5rem;padding:1rem;position:relative;overflow:hidden}.achievement-card p{color:var(--muted);margin:.75rem 0 .35rem;font-weight:850}.achievement-card strong{letter-spacing:0;margin-bottom:.65rem;font-size:2.25rem;line-height:1;display:block}.achievement-card small{color:var(--blue);bottom:.6rem}@supports (color:color-mix(in lab, red, red)){.achievement-card small{color:color-mix(in srgb, var(--blue) 20%, transparent)}}.achievement-card small{font-size:3.2rem;font-weight:950;position:absolute;right:.8rem}.education-list{gap:.85rem;display:grid}.education-list article{grid-template-columns:1.6rem minmax(0,1fr);align-items:start;gap:.85rem;padding:1rem;display:grid}.education-list span,.education-list small{display:block}.contact-section{background:radial-gradient(circle at 85% 25%, var(--purple), transparent 13rem), linear-gradient(135deg, var(--blue), var(--purple));align-items:start}@supports (color:color-mix(in lab, red, red)){.contact-section{background:radial-gradient(circle at 85% 25%, color-mix(in srgb, var(--purple) 20%, transparent), transparent 13rem), linear-gradient(135deg, var(--blue), color-mix(in srgb, var(--purple) 70%, var(--blue)))}}.contact-section{color:#fff;border-radius:32px;grid-template-columns:minmax(0,.82fr) minmax(20rem,1fr);gap:1.2rem;margin-top:0;margin-bottom:1.2rem;padding:clamp(1.4rem,4vw,2.2rem);display:grid}.contact-section .section-label,.contact-section h2{color:#fff}.contact-section h2{margin:0;font-size:clamp(2.2rem,5vw,4.6rem)}.contact-section .secondary-button{color:#fff;background:#ffffff1f;border-color:#ffffff59}.contact-section .primary-button{color:var(--blue-strong);background:#fff}.contact-actions{justify-content:flex-start;margin-top:1.3rem}.contact-form{background:#ffffff24;border:1px solid #ffffff4d;border-radius:24px;gap:.8rem;padding:1rem;display:grid;box-shadow:0 20px 50px #05143029}.contact-form label{gap:.35rem;display:grid}.contact-form span{color:#ffffffe0;font-size:.82rem;font-weight:850}.contact-form input,.contact-form textarea{color:#0d1b2f;font:inherit;resize:vertical;background:#ffffffeb;border:1px solid #ffffff73;border-radius:16px;width:100%;padding:.82rem .9rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#74849a}.contact-form input:focus,.contact-form textarea:focus{border-color:#fff;outline:3px solid #ffffff47}.contact-form .primary-button{color:var(--blue-strong);cursor:pointer;background:#fff;border:0;justify-self:start}:root[data-theme=dark] .skill-card span,:root[data-theme=dark] .tag-row span{color:#bfdbfe;background:#60a5fa21;border-color:#60a5fa47}:root[data-theme=dark] .skill-card:nth-child(2n) span,:root[data-theme=dark] .tag-row span:nth-child(2n){color:#ddd6fe;background:#a78bfa21;border-color:#a78bfa47}:root[data-theme=dark] .skill-card:nth-child(3n) span,:root[data-theme=dark] .tag-row span:nth-child(3n){color:#a5f3fc;background:#22d3ee1f;border-color:#22d3ee47}:root[data-theme=dark] .tag-row span:nth-child(4n){color:#fbcfe8;background:#f472b621;border-color:#f472b647}:root[data-theme=dark] .contact-section{background:radial-gradient(circle at 16% 14%,#fbbf2433,#0000 12rem),radial-gradient(circle at 86% 18%,#f472b642,#0000 14rem),radial-gradient(circle at 78% 86%,#22d3ee2e,#0000 15rem),linear-gradient(135deg,#0f2d5e,#4b2d73 58%,#123a45);border:1px solid #bfdbfe2e;box-shadow:0 24px 64px #00000042}:root[data-theme=dark] .contact-section .secondary-button{background:#ffffff17;border-color:#ffffff38}:root[data-theme=dark] .contact-form{background:#060e1b6b;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff0f,0 22px 48px #00000042}:root[data-theme=dark] .contact-form input,:root[data-theme=dark] .contact-form textarea{color:#f7fbff;background:#07111fd1;border-color:#bfdbfe38}:root[data-theme=dark] .contact-form input::placeholder,:root[data-theme=dark] .contact-form textarea::placeholder{color:#91a1ba}:root[data-theme=dark] .contact-form input:focus,:root[data-theme=dark] .contact-form textarea:focus{border-color:#bfdbfeb8;outline-color:#60a5fa47}:root[data-theme=dark] .contact-form .primary-button,:root[data-theme=dark] .contact-section .primary-button{color:#0f2d5e;background:#f7fbff}:root[data-theme=dark] .site-footer{background:#07101f6b}.site-footer{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1.3rem clamp(1rem,4vw,3rem);display:grid}.footer-links{color:var(--muted);gap:1rem}.copyright{margin:0}.reveal{animation:.62s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1150px){.desktop-nav{display:none}.mobile-nav{display:block}.hero,.about-layout,.contact-section,.site-footer{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:28rem}.skill-grid,.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card:nth-child(2n){grid-template-columns:1fr}.project-card:nth-child(2n) .project-visual{order:0}.project-heading{flex-direction:column;align-items:start;gap:.8rem}.contact-actions{justify-content:flex-start}}@media (max-width:680px){body{overflow-x:hidden}.site-header{max-width:calc(100% - .8rem);padding:.48rem;top:.4rem}.brand span:last-child,.nav-actions .resume-link,.nav-actions>a.icon-button{display:none}.section-shell{padding-block:3rem;padding-inline:1rem}h1{font-size:clamp(2.55rem,13vw,4.2rem)}.section-label-large{overflow-wrap:anywhere;font-size:clamp(2rem,11vw,3rem)}.hero{gap:1.4rem;padding-top:4.2rem}.hero:before{border-radius:26px;inset:3.8rem 0 .8rem}.hero-role{font-size:1.25rem}.hero-lede{font-size:1rem}.hero-actions,.social-row{gap:.65rem}.hero-visual{border-radius:28px;min-height:19.5rem}.photo-card{width:min(76%,17rem)}.photo-placeholder{height:14rem;min-height:0}.sticker{padding:.36rem .56rem;font-size:.72rem}.sticker-ai{top:1.4rem;right:-.35rem}.sticker-um{bottom:1rem;left:-.45rem}.hero-mini-one{top:.85rem;left:.45rem}.hero-mini-two{bottom:.8rem;right:.5rem}.hero-console{width:68%;bottom:.7rem;right:12%}.hero-console p{font-size:.82rem}.fact-grid,.project-grid,.skill-grid,.achievement-grid{grid-template-columns:1fr}.primary-button,.secondary-button{width:100%}.contact-section .secondary-button{overflow-wrap:anywhere;justify-content:flex-start}.project-card{border-radius:22px;padding:.72rem}.project-visual{min-height:14rem}.project-info{padding:.35rem}.project-info h3{font-size:1.65rem}.timeline-item{gap:.75rem}.timeline-item .muted{font-size:.92rem}.site-footer{align-items:start}}@media (max-width:390px){.section-shell{padding-inline:.85rem}.icon-button{width:2.25rem;height:2.25rem}h1{font-size:clamp(2.25rem,12vw,2.65rem)}.hero-visual{min-height:18rem}.photo-card{width:min(78%,15.5rem)}.photo-placeholder{height:13rem;min-height:0}.hero-console{width:74%;right:8%}.floating-card{font-size:.72rem}.achievement-card{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}