.page-shell{position:relative;min-height:100vh;overflow-x:clip}.gradient-blob{position:fixed;border-radius:999px;filter:blur(6px);opacity:.5;pointer-events:none}.gradient-blob-a{width:34rem;height:34rem;background:radial-gradient(circle,var(--blob-a) 0%,transparent 70%);top:-11rem;left:-8rem}.gradient-blob-b{width:36rem;height:36rem;background:radial-gradient(circle,var(--blob-a) 0%,transparent 68%);right:-10rem;top:22rem}.layout{position:relative;z-index:2;width:100%;max-width:100%}.topbar{position:relative;display:grid;gap:1rem;padding:1.6rem 8.2rem 1.25rem 14rem;background:linear-gradient(160deg,var(--surface),color-mix(in hsl,var(--surface),var(--accent-soft) 25%));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:24px;pointer-events:none;background:linear-gradient(to bottom,color-mix(in hsl,var(--surface),var(--bg) 30%),transparent)}.top-left-meta{position:absolute;top:1rem;left:1.4rem;display:grid;gap:.25rem;color:var(--muted);text-align:left}.top-left-meta p{margin:0}.topbar-main{max-width:72ch;margin:0 auto;text-align:center}h1{margin:.2rem 0 0;font-size:clamp(1.9rem,2.2vw,2.55rem);line-height:1.05}.title{margin:.3rem 0 0;color:var(--accent);font-weight:700;text-shadow:0 0 16px color-mix(in hsl,var(--accent),transparent 78%)}.highlight-subtitle{margin:.45rem auto 0;color:var(--accent);font-weight:600;line-height:1.55;max-width:78ch;padding-inline:0;text-align:center}.email-link{font-weight:600;color:var(--text);text-decoration:none}.email-link:hover{text-decoration:underline}.nav{display:flex;gap:.8rem}.nav-sticky{position:sticky;top:0;z-index:9;width:100%;background:linear-gradient(180deg,color-mix(in hsl,var(--surface),var(--bg) 45%),color-mix(in hsl,var(--surface),var(--bg) 75%));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in hsl,var(--accent),var(--stroke) 72%)}.nav-sticky:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:20px;pointer-events:none;background:linear-gradient(to bottom,color-mix(in hsl,var(--surface),var(--bg) 70%),transparent)}.top-nav{flex-wrap:wrap;justify-content:center;row-gap:.9rem;padding:1rem .55rem;width:min(1080px,100%);margin:0 auto}.nav-link{color:var(--muted);border:1px solid transparent;border-radius:.7rem;padding:.55rem .75rem;text-decoration:none;font-weight:600;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.nav-link:hover{color:var(--text);background:color-mix(in hsl,var(--surface-strong),var(--accent-soft) 18%)}.nav-link.active{color:var(--text);border-color:color-mix(in hsl,var(--accent),var(--stroke) 60%);background:linear-gradient(135deg,color-mix(in hsl,var(--accent-soft),var(--surface-strong) 35%),color-mix(in hsl,var(--accent-2),var(--surface-strong) 88%))}.theme-toggle{position:absolute;top:1rem;right:1rem;border:1px solid var(--stroke);border-radius:.78rem;padding:.7rem .95rem;background:var(--surface-strong);color:var(--text);font-weight:600;cursor:pointer}.content{width:min(1080px,100%);max-width:100%;margin:0 auto;padding:3rem 2rem 3.6rem;display:grid;gap:3.2rem}.section-card{border:1px solid var(--stroke);border-radius:1.05rem;background:var(--surface);box-shadow:var(--shadow);padding:clamp(2.2rem,1.7rem + 1.4vw,3.35rem);scroll-margin-top:5.6rem;animation:section-enter .42s cubic-bezier(.2,.65,.3,1);overflow:hidden;outline:1px solid color-mix(in hsl,var(--accent),transparent 85%);outline-offset:-1px}h2{margin:0;font-size:clamp(1.65rem,1.2rem + 1vw,2.15rem);line-height:1.15;font-weight:800}.section-card>h2{text-align:center;color:var(--text);text-shadow:0 0 14px color-mix(in hsl,var(--accent),transparent 80%)}.section-intro{margin:.7rem auto 0;line-height:1.75;color:var(--muted);max-width:78ch;padding-inline:0;text-align:center}.about-grid,.skills-grid{margin-top:2.15rem;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid{margin-bottom:2rem}.preview-grid{margin-top:1.9rem;display:flex;align-items:stretch;--carousel-gap: 1.5rem;gap:var(--carousel-gap);width:max-content}.carousel-hint{margin:1.25rem auto 0;text-align:center;color:color-mix(in hsl,var(--accent),var(--muted) 45%);font-size:.86rem;font-style:italic;letter-spacing:.01em;opacity:.92}.carousel-frame{position:relative}.carousel-frame:before,.carousel-frame:after{content:"";position:absolute;top:0;bottom:0;width:2.1rem;pointer-events:none;z-index:2;transition:opacity .18s ease}.carousel-frame:before{left:0;background:linear-gradient(to right,color-mix(in hsl,var(--surface),var(--bg) 20%),transparent);opacity:0}.carousel-frame:after{right:0;background:linear-gradient(to left,color-mix(in hsl,var(--surface),var(--bg) 20%),transparent);opacity:1;animation:edge-pulse 1.8s ease-in-out infinite}.carousel-frame.dragging:before{opacity:1}.carousel-shell{margin-top:1rem;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:.2rem;scroll-behavior:smooth;padding-bottom:.2rem;touch-action:pan-y;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.carousel-shell:active{cursor:grabbing}.carousel-shell.dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.impact-grid,.projects-grid{width:max-content}.preview-grid .preview-card{flex:0 0 clamp(240px,calc((100vw - 9rem)*.4),340px);min-height:9.6rem}.stack{margin-top:2.15rem;display:grid;gap:2rem}.info-card{border:1px solid var(--stroke);border-radius:.9rem;background:color-mix(in hsl,var(--surface-strong),var(--accent-soft) 8%);padding:2rem}.preview-card{border:1px solid var(--stroke);border-radius:.9rem;background:color-mix(in hsl,var(--surface-strong),var(--accent-soft) 8%);padding:1.8rem;text-align:center;color:var(--text);cursor:pointer;scroll-snap-align:start;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.preview-card-project{display:grid;gap:1rem;align-content:center}.preview-card:hover h3{color:var(--accent)}.preview-card:hover{transform:translateY(-1px);border-color:color-mix(in hsl,var(--accent),var(--stroke) 54%);background:color-mix(in hsl,var(--surface-strong),var(--accent-soft) 18%)}:root:not([data-theme=dark]) .section-card{background:color-mix(in hsl,var(--surface),#eef4ff 24%)}:root:not([data-theme=dark]) .info-card,:root:not([data-theme=dark]) .preview-card{background:color-mix(in hsl,var(--surface-strong),var(--accent-soft) 24%);border-color:color-mix(in hsl,var(--stroke),var(--accent) 16%)}.carousel-shell::-webkit-scrollbar{display:none}.section-card>.info-card{margin-top:1rem}h3{margin:0;font-size:1.2rem;font-weight:800;color:var(--text)}.info-card p,.info-card li,.project-grid dd,.section-intro,.point-list li,.contact-card p{color:var(--muted)}.project-grid dt,.preview-card h3,.modal-top h3{color:var(--text)}.subtle{margin:.28rem 0 0;color:var(--muted);font-style:italic}.role-header,.project-head{display:flex;justify-content:space-between;align-items:baseline;gap:1.4rem}.period,.project-status{margin:0;color:var(--muted);font-size:.9rem;white-space:nowrap;font-style:italic}.point-list{margin:1.35rem 0 0;padding-left:1.35rem;display:grid;gap:.85rem}.point-list.compact{margin-top:1rem}.project-grid{margin:1.6rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.project-grid dt{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:700}.project-grid dd{margin:.7rem 0 0;color:var(--muted);line-height:1.75}.chip-list{margin:1.35rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.85rem}.chip-list li{border:1px solid var(--stroke);border-radius:999px;padding:.5rem .9rem;background:color-mix(in hsl,var(--accent-soft),var(--surface-strong) 50%);font-size:.86rem}.daily-tools{margin-top:0}.contact-card a{color:var(--accent)}.modal-shell{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#03060c9c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(860px,100%);max-height:min(88vh,740px);overflow-y:auto;border:1px solid var(--stroke);border-radius:1rem;background:var(--surface-strong);padding:1.1rem;box-shadow:var(--shadow);animation:section-enter .22s ease}.modal-top{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.modal-top h3{font-size:clamp(1.35rem,1.1rem + .8vw,1.7rem)}.modal-content{animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}.modal-content.slide-next{animation-name:modal-slide-next}.modal-content.slide-prev{animation-name:modal-slide-prev}.modal-controls{display:flex;align-items:center;justify-content:flex-start;gap:.8rem}.modal-footer{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.modal-nav{border:1px solid var(--stroke);border-radius:.7rem;padding:.45rem .72rem;background:color-mix(in hsl,var(--surface-strong),var(--accent-soft) 20%);color:var(--text);font-weight:700;cursor:pointer}.modal-close{border:1px solid var(--stroke);border-radius:.7rem;padding:.52rem .9rem;background:transparent;color:var(--text);font-weight:600;cursor:pointer}@keyframes section-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-slide-next{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes modal-slide-prev{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes edge-pulse{0%,to{opacity:.85}50%{opacity:.45}}@media(max-width:900px){.topbar{padding:1.45rem 1.4rem 1.1rem}.top-left-meta{position:static;justify-self:center;text-align:center;margin-bottom:.2rem}.theme-toggle{position:static;justify-self:center}}@media(max-width:760px){.about-grid,.skills-grid,.project-grid{grid-template-columns:1fr}.content{gap:2.2rem;padding:1.95rem 1.15rem 2.55rem}.preview-grid{--carousel-gap: .95rem}.impact-grid,.projects-grid{width:max-content}.carousel-frame:before,.carousel-frame:after{width:1.1rem}.impact-grid .preview-card,.projects-grid .preview-card{flex-basis:calc((100vw - 3.8rem) / 1.35);max-width:520px}.role-header,.project-head{flex-direction:column;align-items:flex-start}.period,.project-status{white-space:normal}.top-nav{justify-content:center;row-gap:.75rem;padding-inline:.75rem}.nav-link{white-space:normal}.modal-top{flex-direction:column;align-items:flex-start}.modal-footer{flex-direction:column;align-items:stretch}.modal-controls{justify-content:center}.modal-close{align-self:center}}@media(prefers-reduced-motion:reduce){.section-card,.nav-link,.modal-content{animation:none;transition:none}.carousel-frame:after{animation:none}html{scroll-behavior:auto}}:root{color-scheme:light;--bg: #edf3ff;--surface: #ffffffdf;--surface-strong: #ffffff;--text: #152038;--muted: #4a5b7f;--accent: #2f63ba;--accent-2: #1b9d88;--accent-soft: #d9e7ff;--stroke: #bfcee9;--shadow: 0 20px 45px #13213b1f;--blob-a: #80aef6;--blob-b: #9ad8cb}:root[data-theme=dark]{color-scheme:dark;--bg: #070b14;--surface: #121a28e0;--surface-strong: #182437;--text: #e7efff;--muted: #a4b5d6;--accent: #75a7ff;--accent-2: #46d3b8;--accent-soft: #20324f;--stroke: #314561;--shadow: 0 22px 45px #02061180;--blob-a: #315fb0;--blob-b: #227f74}:root[data-variant=sabie]{--accent: #b2353f;--accent-2: #cc4c57;--accent-soft: #f8dde0;--blob-a: #d4838c;--blob-b: #c06f78}:root[data-theme=dark][data-variant=sabie]{--accent: #ff7a84;--accent-2: #ff9aa1;--accent-soft: #3a1f26;--stroke: #4a2b32;--blob-a: #7f3140;--blob-b: #5f2430}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:Manrope,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow-x:clip}a{color:inherit}