:root{color-scheme:light;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", "Helvetica Neue", Inter, Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--text-caption2: .6875rem;--text-caption1: .75rem;--text-footnote: .8125rem;--text-subhead: .9375rem;--text-callout: 1rem;--text-body: 1.0625rem;--text-headline: 1.0625rem;--text-title3: 1.25rem;--text-title2: 1.375rem;--text-title1: 1.75rem;--text-large-title: 2.125rem;--icon-sm: 1.25rem;--icon-md: 1.5rem;--icon-lg: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-snug: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--tracking-wide: .02em;--tracking-wider: .04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--radius-card: var(--radius-xl);--radius-modal: var(--radius-2xl);--radius-control: var(--radius-full);--radius-input: var(--radius-md);--shadow-xs: 0 1px 2px rgba(14, 36, 49, .06);--shadow-sm: 0 1px 3px rgba(14, 36, 49, .08), 0 1px 2px rgba(14, 36, 49, .06);--shadow-md: 0 4px 6px rgba(14, 36, 49, .08), 0 2px 4px rgba(14, 36, 49, .06);--shadow-lg: 0 10px 15px rgba(14, 36, 49, .1), 0 4px 6px rgba(14, 36, 49, .08);--shadow-xl: 0 20px 25px rgba(14, 36, 49, .12), 0 8px 10px rgba(14, 36, 49, .1);--duration-instant: .1s;--duration-fast: .2s;--duration-base: .3s;--duration-slow: .5s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--touch-target-min: 44px;--header-height: 3rem;--container-max: 1024px;--z-back: -10;--z-normal: 1;--z-sticky: 50;--z-fixed: 100;--z-tooltip: 200;--z-modal: 1050;--accent: #4070F4;--accent-hover: #2955e0;--accent-text: #2E5BD8;--accent-contrast: #ffffff;--accent-tint: rgba(64, 112, 244, .08);--accent-tint-border: rgba(64, 112, 244, .22);--accent-overlay: rgba(46, 91, 216, .88);--label-primary: #0E2431;--label-secondary: #444B52;--label-tertiary: #6B7278;--label-on-inverted: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f5f6fa;--bg-elevated: #ffffff;--bg-inverted: #0E2431;--fill-quaternary: rgba(120, 120, 128, .08);--separator: rgba(14, 36, 49, .12);--separator-strong: rgba(14, 36, 49, .24);--status-live-bg: #1E7E34;--status-demo-bg: #B35309;--status-label: #ffffff;--status-learning: #1E7E34;--danger: #D70015;--focus-ring: #2E5BD8;--focus-ring-width: 3px;--focus-ring-offset: 2px;--scrim: rgba(0, 0, 0, .4);--scrim-strong: rgba(0, 0, 0, .6);--scrim-opaque: rgba(0, 0, 0, .75);--overlay-label: #ffffff;--accent-on-inverted: #7FA3FF;--status-learning-accent: #34d058;--switch-track: #111;--switch-ball: #ffffff;--switch-sun: #f39c12;--switch-moon: #f1c40f;--big-font-size: var(--text-large-title);--h2-font-size: var(--text-title3)}@media screen and (min-width:768px){:root{--h2-font-size: var(--text-title1)}}*,:before,:after{box-sizing:border-box}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}body,.l-header,.nav-menu,.skills-data,.level-tooltip,.modal-content,.project-card,.project-image-wrapper,.tech-badge,.contact-input,.footer{transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}body{margin:var(--header-height) 0 0 0;font-family:var(--font-system);font-size:var(--text-body);line-height:var(--line-height-normal);color:var(--label-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul{margin:0;padding:0;list-style:none;color:inherit}a{text-decoration:none;color:var(--accent-text)}img{max-width:100%;height:auto;display:block}body.dark-theme{color-scheme:dark;--accent: #5783fc;--accent-hover: #7a9dfd;--accent-text: #5783fc;--accent-contrast: #0b1220;--accent-tint: rgba(87, 131, 252, .15);--accent-tint-border: rgba(87, 131, 252, .3);--accent-overlay: rgba(46, 91, 216, .88);--label-primary: #e0e0e0;--label-secondary: #b0b0b0;--label-tertiary: #8e9298;--label-on-inverted: #e0e0e0;--bg-primary: #121212;--bg-secondary: #2a2a2a;--bg-elevated: #1e1e1e;--bg-inverted: #1e1e1e;--fill-quaternary: rgba(120, 120, 128, .18);--separator: rgba(255, 255, 255, .1);--separator-strong: rgba(255, 255, 255, .2);--danger: #FF453A;--focus-ring: #8CACFF;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5), 0 8px 10px rgba(0, 0, 0, .5)}.section-title{position:relative;font-size:var(--h2-font-size);color:var(--accent-text);margin-top:var(--space-4);margin-bottom:var(--space-3);padding-bottom:var(--space-3);text-align:center}.section-title:after{position:absolute;content:"";width:64px;height:3px;inset:auto 0 0;margin:auto;background-color:var(--accent)}.section{padding-top:var(--space-12);padding-bottom:var(--space-8)}.bd-grid{max-width:var(--container-max);display:grid;grid-template-columns:100%;grid-column-gap:var(--space-8);width:calc(100% - var(--space-8));margin-left:var(--space-4);margin-right:var(--space-4)}.l-header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:var(--bg-elevated);box-shadow:var(--shadow-sm)}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-semibold)}.nav-item{margin-bottom:var(--space-3)}.nav-link{position:relative;color:var(--label-on-inverted);transition:color var(--duration-base) var(--ease-standard)}.nav-link:after{position:absolute;content:"";width:0;height:3px;left:0;top:1.25rem;background-color:var(--accent-on-inverted);transition:width var(--duration-base) var(--ease-standard),left var(--duration-base) var(--ease-standard)}.nav-link:hover:after,.nav-link.active:after{width:100%;left:0}.nav-link.active{color:var(--accent-on-inverted)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:0;background:none;border:none;color:var(--label-primary);font-size:var(--icon-md);cursor:pointer}.nav-right-controls{display:flex;align-items:center;gap:var(--space-2)}@media screen and (max-width:480px){.lang-btn-label{display:none}.lang-selector{gap:0}}.lang-selector{display:flex;align-items:center;gap:var(--space-1)}.lang-btn{position:relative;display:inline-flex;align-items:center;background:none;border:1px solid transparent;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-caption1);font-weight:var(--font-weight-semibold);font-family:var(--font-system);color:var(--label-secondary);transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);letter-spacing:var(--tracking-wider);line-height:var(--line-height-normal)}.lang-btn:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,var(--touch-target-min));height:var(--touch-target-min)}.lang-btn:hover{color:var(--label-primary)}.lang-btn.active{color:var(--accent-text);border-color:var(--accent)}.nav-overlay{display:none}@media screen and (max-width:768px){.nav-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--scrim-strong);opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-standard),visibility var(--duration-slow) var(--ease-standard);z-index:9}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.nav-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}}@media(prefers-reduced-transparency:reduce){.nav-overlay{background:var(--scrim-opaque);-webkit-backdrop-filter:none;backdrop-filter:none}}.nav-overlay.show-overlay{opacity:1;visibility:visible}.nav-menu{position:fixed;top:var(--header-height);right:-100%;width:33%;height:100%;padding:var(--space-8) var(--space-4);background-color:var(--bg-inverted);transition:right var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out),visibility var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);box-shadow:-2px 0 5px #0003;opacity:0;visibility:hidden;transform:translate(20px) scale(.95);z-index:10}.nav-menu.show{right:0;opacity:1;visibility:visible;transform:translate(0) scale(1)}.nav-link{opacity:0;transform:translateY(-10px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.nav-menu.show .nav-link{opacity:1;transform:translateY(0)}.nav-menu :focus-visible{--focus-ring: var(--accent-on-inverted)}}@media screen and (min-width:769px){.nav-list{display:flex;padding-top:0}.nav-item{margin-left:var(--space-12);margin-bottom:0}.nav-toggle{display:none}.nav-link{color:var(--label-primary)}.nav-link.active{color:var(--accent-text)}.nav-link:after{background-color:var(--accent)}}.theme-switch{display:flex;align-items:center}.checkbox{opacity:0;position:absolute;width:0;height:0}.checkbox-label{background-color:var(--switch-track);width:50px;height:26px;border-radius:var(--radius-full);position:relative;padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.checkbox-label:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:var(--touch-target-min)}.fa-moon{color:var(--switch-moon)}.fa-sun{color:var(--switch-sun)}.fa-sun.dark-theme{color:var(--switch-track)}.fa-moon.dark-theme{color:var(--switch-moon)}.checkbox-label .ball{background-color:var(--switch-ball);width:22px;height:22px;position:absolute;left:2px;top:2px;border-radius:50%;transition:transform var(--duration-fast) var(--ease-spring)}.checkbox:checked+.checkbox-label .ball{transform:translate(24px)}.checkbox:focus-visible+.checkbox-label{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.home{min-height:calc(100vh - 3rem);row-gap:var(--space-4);display:grid;grid-template-columns:3fr 2fr;align-items:center}.home-title{font-size:var(--big-font-size);margin-bottom:var(--space-10);min-height:6rem;line-height:var(--line-height-snug)}.home-title-color{color:var(--accent)}.home-social{display:flex;flex-direction:column}.home-social-icon{width:max-content;margin-bottom:var(--space-4);font-size:var(--icon-md);color:var(--label-primary);transition:color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.home-social-icon:hover{color:var(--accent-text)}.home-img{margin-top:var(--space-16);grid-column:2;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.home-img img{object-fit:cover;filter:grayscale(100%);transition:filter var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard)}.home-img img:hover{filter:grayscale(0%);transform:scale(1.05)}#typed:before{content:"> ";color:var(--accent);animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.social-sidebar{position:fixed;bottom:0;left:var(--space-8);z-index:var(--z-sticky);display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.social-sidebar a{font-size:var(--icon-md);color:var(--label-secondary);transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.social-sidebar a:hover{color:var(--accent-text);transform:translateY(-3px)}@media screen and (max-width:768px){.social-sidebar{display:none}}.button,.info-button,.project-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);font-family:var(--font-system);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);text-align:center;text-decoration:none;border:none;cursor:pointer;background-color:var(--accent);color:var(--accent-contrast)}.button:hover,.info-button:hover,.project-link-btn:hover{background-color:var(--accent-hover);color:var(--accent-contrast)}.button{padding:var(--space-3) var(--space-10);font-size:var(--text-callout);border-radius:var(--radius-md)}.button:hover{box-shadow:var(--shadow-lg)}.nav-toggle,.lang-btn,.close,.checkbox-label{transition:transform var(--duration-instant) var(--ease-standard)}.lang-btn{transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.button:active,.info-button:active,.project-link-btn:active,.nav-toggle:active,.lang-btn:active,.close:active,.checkbox-label:active,.home-social-icon:active,.social-sidebar a:active{transform:scale(.96)}.project-link-btn:active,.info-button:active{transform:scale(.98)}.about-container{row-gap:var(--space-8);text-align:center}.about-img-container{display:flex;justify-content:space-around}.about-subtitle{margin-bottom:var(--space-4)}.about-img{justify-self:center}.about-img img{width:200px;height:auto;border-radius:var(--radius-md)}.skills-container{row-gap:0;text-align:center}.skills-subtitle{margin-bottom:var(--space-4)}.skills-text{margin-bottom:var(--space-3)}.skills-data{display:flex;justify-content:space-between;align-items:center;position:relative;font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-color:var(--bg-elevated);color:var(--label-primary)}.skills-icon{font-size:var(--icon-lg);margin-right:var(--space-4);color:var(--accent);background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;transition:transform var(--duration-base) var(--ease-standard)}.skills-icon:hover{cursor:pointer;transform:scale(1.1)}.skills-names{margin:var(--space-4);display:flex;align-items:center;font-weight:var(--font-weight-bold);color:var(--accent-text)}.skills-bar{position:absolute;left:0;bottom:0;background-color:var(--accent);height:var(--space-1);border-radius:0 var(--radius-sm) var(--radius-sm) var(--radius-md);z-index:0;transition:width var(--duration-slow) var(--ease-out)}.skills-bar.actively-learning{background:linear-gradient(to right,var(--status-learning) 25%,var(--status-learning-accent) 50%,var(--status-learning) 75%);background-size:200% 100%;animation:gradientLoadingEffect 2s infinite linear}@keyframes gradientLoadingEffect{0%{background-position:200% 0}to{background-position:-200% 0}}.learning-bar-sample{width:85%;margin:var(--space-6);height:var(--space-1);border-radius:var(--radius-md);background:linear-gradient(to right,var(--status-learning) 25%,var(--status-learning-accent) 50%,var(--status-learning) 75%);background-size:200% 100%;animation:gradientLoadingEffect 2s infinite linear}.skills-pct-wrap{position:relative;margin-left:auto;display:flex;align-items:center}.skills-percentage{display:flex;align-items:center;padding-right:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--text-caption1);color:var(--accent-text);cursor:default}.level-tooltip{position:absolute;right:var(--space-2);bottom:calc(100% + var(--space-2));background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);width:230px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--duration-instant) var(--ease-out),visibility var(--duration-instant) var(--ease-out);z-index:var(--z-tooltip);pointer-events:none}.skills-pct-wrap:hover .level-tooltip{opacity:1;visibility:visible}.level-tooltip-label{display:block;font-size:var(--text-footnote);font-weight:var(--font-weight-bold);color:var(--accent-text);margin-bottom:var(--space-1)}.level-tooltip-desc{margin:0;font-size:var(--text-caption1);font-weight:var(--font-weight-regular);color:var(--label-secondary);line-height:var(--line-height-relaxed)}.skills-description{margin-bottom:var(--space-1);margin-top:var(--space-1);margin-right:auto}.skills-info-button{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-6)}.info-button{padding:var(--space-3) var(--space-6);font-size:var(--text-callout);border-radius:var(--radius-full);transition:background-color var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-spring);margin-bottom:var(--space-4)}.info-button:hover{background-color:var(--accent-hover);transform:scale(1.025)}.actively-learning-heading{font-size:var(--text-title2);font-weight:var(--font-weight-bold);color:var(--status-learning);background:linear-gradient(to right,var(--status-learning),var(--status-learning-accent),var(--status-learning));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradientMove 3s infinite linear}@keyframes textGradientMove{0%{background-position:200% 0}to{background-position:-200% 0}}.modal{visibility:hidden;opacity:0;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background-color:var(--scrim-strong);overflow-y:auto;padding:var(--space-5);transition:visibility 0s var(--duration-base),opacity var(--duration-base) var(--ease-standard)}@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){.modal{background-color:var(--scrim);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}}@media(prefers-reduced-transparency:reduce){.modal{background-color:var(--scrim-opaque);-webkit-backdrop-filter:none;backdrop-filter:none}}.modal-content{background-color:var(--bg-elevated);color:var(--label-primary);margin:auto;padding:var(--space-5);border-radius:var(--radius-modal);width:90%;max-width:700px;box-shadow:var(--shadow-xl);text-align:left;position:relative;transform:translateY(-50px);opacity:0;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.modal.show{visibility:visible;opacity:1;transition-delay:0s}.modal.show .modal-content{transform:translateY(0);opacity:1}.modal.hide{visibility:hidden;opacity:0;transition:visibility 0s var(--duration-base),opacity var(--duration-base) var(--ease-standard)}.modal.hide .modal-content{transform:translateY(-50px);opacity:0}@media(min-width:768px){.modal-content{width:70%}}@media(min-width:1024px){.modal-content{width:50%}}.modal-content h2{color:var(--accent-text);font-size:var(--text-title1);margin-bottom:var(--space-4);margin-top:0;padding-right:var(--touch-target-min)}.modal-content strong{color:var(--accent-text)}.modal-content ul{list-style-type:none;padding:0}.modal-content ul li{margin-bottom:var(--space-2);font-size:var(--text-callout);line-height:var(--line-height-relaxed)}.close{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);padding:0;font-size:var(--icon-lg);font-weight:var(--font-weight-bold);line-height:1;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--label-secondary)}.close:hover{color:var(--danger)}.work{text-align:center;padding:var(--space-8) 0}.work-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,460px));gap:var(--space-8);justify-content:center;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.project-card{background:var(--bg-elevated);color:var(--label-primary);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);display:flex;flex-direction:column;text-align:left}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.project-image-wrapper{position:relative;overflow:hidden;height:160px;background:var(--bg-secondary)}.project-image{width:100%;height:100%;object-fit:contain;display:block;transition:transform var(--duration-slow) var(--ease-standard)}.project-card:hover .project-image{transform:scale(1.04)}.project-overlay{position:absolute;inset:0;background:var(--accent-overlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.project-card:hover .project-overlay{opacity:1}.overlay-text{color:var(--overlay-label);font-size:var(--text-callout);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2)}.project-status{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-caption1);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.status-live{background:var(--status-live-bg);color:var(--status-label)}.status-demo{background:var(--status-demo-bg);color:var(--status-label)}.project-content{padding:var(--space-5);display:flex;flex-direction:column;flex:1;gap:var(--space-3)}.project-title{font-size:var(--text-headline);font-weight:var(--font-weight-bold);color:var(--accent-text);margin:0}.project-description{font-size:var(--text-subhead);line-height:var(--line-height-relaxed);color:var(--label-secondary);margin:0}.project-tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-badge{background:var(--accent-tint);color:var(--accent-text);border:1px solid var(--accent-tint-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-caption1);font-weight:var(--font-weight-semibold)}.project-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--separator)}.project-link-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-footnote);transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-spring)}.project-link-btn:hover{transform:scale(1.03)}.contact-input{width:100%;font-size:var(--text-body);font-weight:var(--font-weight-semibold);padding:var(--space-4);border-radius:var(--radius-input);border:1px solid var(--separator-strong);background-color:var(--bg-elevated);color:var(--label-primary);margin-bottom:var(--space-3)}.contact-input:focus-visible{border-color:var(--accent)}.contact-button{display:block;border:none;font-size:var(--text-body);cursor:pointer;margin-left:auto}.contact-link{color:inherit;text-decoration:none}.contact-link:hover{text-decoration:underline}.empty-state{grid-column:1 / -1;margin:0;padding:var(--space-8) var(--space-4);text-align:center;color:var(--label-tertiary);font-size:var(--text-callout);line-height:var(--line-height-relaxed)}.footer{background-color:var(--bg-inverted);color:var(--label-on-inverted);text-align:center;font-weight:var(--font-weight-semibold);padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.footer-note{margin:0;font-size:var(--text-callout)}.footer-disclaimer{margin:0;max-width:60ch;font-size:var(--text-footnote);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);opacity:.75}@media screen and (min-width:769px){body{margin:0}.section{padding-top:var(--space-16);padding-bottom:var(--space-12)}.section-title{margin-bottom:var(--space-12)}.section-title:after{width:80px}.nav{height:calc(var(--header-height) + var(--space-4))}.home{min-height:100vh}.home-data{grid-column:1;padding-left:var(--space-12);padding-bottom:10rem;min-width:0}.home-social{display:none}.home-social-icon{margin-bottom:0;margin-right:var(--space-3)}.home-img{width:100%;height:auto;max-width:800px;display:flex;justify-content:center;align-items:center;margin:0 auto;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.home-img img{width:100%;height:auto;object-fit:cover;border-radius:var(--radius-xl)}.home-img:hover{box-shadow:var(--shadow-xl)}.about-container,.skills-container{grid-template-columns:repeat(1,1fr);align-items:center;text-align:initial}.about-img img{width:300px;height:auto}.contact-form{width:460px}.contact-container{justify-items:center}}@media screen and (min-width:1024px){.bd-grid{margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){.home{display:flex;flex-direction:column;align-items:flex-start;margin:var(--space-4);padding:var(--space-2)}.home-data{text-align:left;margin-bottom:var(--space-2);padding:var(--space-2)}.home-img{display:block;order:2;width:100%;margin:0 0 var(--space-2) 0;text-align:center;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.home-img img{max-width:100%;height:auto;border-radius:var(--radius-xl);object-fit:cover}.home-social{display:flex;flex-direction:row;justify-content:center;gap:var(--space-2);order:3;width:100%;margin-top:0}.home-social-icon{margin:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.project-card:hover,.project-card:hover .project-image,.home-img img:hover,.social-sidebar a:hover,.info-button:hover,.project-link-btn:hover,.skills-icon:hover,.button:active,.info-button:active,.project-link-btn:active,.nav-toggle:active,.lang-btn:active,.close:active,.checkbox-label:active,.home-social-icon:active,.social-sidebar a:active{transform:none}.skills-bar.actively-learning,.learning-bar-sample{background:var(--status-learning);animation:none}.actively-learning-heading{background:none;-webkit-text-fill-color:currentColor;color:var(--status-learning);animation:none}#typed:before{animation:none}}