.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:900}.settings-panel{position:fixed;top:0;right:0;width:360px;max-width:90vw;height:100vh;background:linear-gradient(145deg,#0f172afa,#0f172aeb);color:var(--text-color);padding:28px 24px;z-index:1000;display:flex;flex-direction:column;gap:20px;box-shadow:-12px 0 35px #00000073;border-left:1px solid rgba(148,163,184,.3)}:root:not(.dark) .settings-panel{background:linear-gradient(145deg,#f8fafcfa,#f1f5f9f5);border-left:1px solid rgba(148,163,184,.3)}.settings-title{font-size:1.5rem;font-weight:700;margin:0 0 6px}.settings-section{padding:12px 0;border-top:1px solid rgba(148,163,184,.25)}.settings-section:first-of-type{border-top:none;padding-top:4px}.settings-section h4{margin:0 0 10px;font-size:1rem;font-weight:600;opacity:.9}.settings-option{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-option span{font-size:.9rem}.settings-panel button{background:var(--accent-color);border:none;color:#fff;padding:8px 14px;font-size:.9rem;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;display:inline-flex;align-items:center;gap:6px}.settings-panel button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0f94aa66;opacity:.95}.settings-section:nth-of-type(3) .settings-option button{padding:6px 10px}.settings-panel select{padding:6px 10px;border-radius:999px;background:#0f172ae6;color:var(--text-color);border:1px solid rgba(148,163,184,.6);outline:none;font-size:.9rem}:root:not(.dark) .settings-panel select{background:#ffffffe6}.settings-button{position:fixed;top:18px;right:18px;z-index:1500;background:#0f172ae6;border:1px solid rgba(148,163,184,.6);color:#e5e7eb;padding:9px 11px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}:root:not(.dark) .settings-button{background:#fffffff2;color:#111827;border-color:#94a3b8cc}.settings-button:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 6px 16px #0f172a80}.settings-close{position:absolute;top:12px;right:14px;font-size:1.8rem;color:var(--text-color);background:transparent;border:none;cursor:pointer;z-index:1100;line-height:1;padding:4px;transition:opacity .2s ease}.settings-close:hover{opacity:.7}@font-face{font-family:Geist Sans;src:url(/fonts/GeistSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/fonts/GeistSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk;src:url(/fonts/NHaasGroteskDSPro-55Rg.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk;src:url(/fonts/NHaasGroteskDSPro-65Md.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk;src:url(/fonts/NHaasGroteskDSPro-75Bd.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-body: "Neue Haas Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-ui: "Neue Haas Grotesk", system-ui, sans-serif;--font-heading: "Geist Sans", system-ui, sans-serif;--color-primary: #A6D9E2;--color-secondary: #99C7EC;--color-dark: #00577C;--color-accent: #F9C5B1;--bg-main: #ffffff;--surface-1: rgba(255, 255, 255, .55);--surface-2: rgba(255, 255, 255, .35);--text-primary: #111111;--text-secondary: rgba(17, 17, 17, .75);--heading: #111111;--border-subtle: rgba(17, 17, 17, .18);--action: var(--color-accent);--action-hover: #f6b19a;--action-contrast: var(--color-dark);--link: var(--color-dark);--link-hover: var(--color-primary);--section-bg: var(--surface-1);--section-border: var(--border-subtle);--section-shadow: none;--bg-grad-1: #ffffff;--bg-grad-2: #e5f4f7;--bg-grad-3: #dcecf5;--bg-grad-4: #f3e1d8;--bg-color: var(--bg-main);--text-color: var(--text-primary);--heading-color: var(--heading);--accent-color: var(--color-dark);--card-bg: var(--surface-1);--card-border: var(--border-subtle);--card-border-hover: var(--border-subtle);--card-shadow-hover: none;--font-size-base: 16px;--font-size-scale: 1;--bg-animation: 1}:root:not(.dark),:root[data-theme=light-a]{--color-primary: #D4D4DB;--color-secondary: #99C7EC;--color-dark: #00577C;--color-accent: #F9C5B1;--bg-main: #F7FBFD;--surface-1: rgba(255, 255, 255, .62);--surface-2: rgba(255, 255, 255, .42);--text-primary: var(--color-dark);--text-secondary: rgba(0, 87, 124, .78);--heading: var(--color-dark);--border-subtle: rgba(0, 87, 124, .18);--action: var(--color-accent);--action-hover: #f6b19a;--action-contrast: var(--color-dark);--link: var(--color-dark);--link-hover: #003f58;--bg-grad-1: #F7FBFD;--bg-grad-2: #DCECF4;--bg-grad-3: #C9E0EF;--bg-grad-4: #F3D6C9;--bg-color: var(--bg-main);--text-color: var(--text-primary);--heading-color: var(--heading);--accent-color: var(--color-dark)}:root[data-theme=light-b]{--color-primary: #6487B7;--color-secondary: #3A737D;--color-dark: #1F2F38;--color-accent: #F18A75;--bg-main: #F6FAFC;--surface-1: rgba(255, 255, 255, .68);--surface-2: rgba(255, 255, 255, .45);--text-primary: var(--color-dark);--text-secondary: rgba(31, 47, 56, .78);--heading: var(--color-dark);--border-subtle: rgba(31, 47, 56, .18);--action: var(--color-accent);--action-hover: #f4a08e;--action-contrast: #1F2F38;--link: var(--color-secondary);--link-hover: var(--color-primary);--bg-grad-1: #F6FAFC;--bg-grad-2: #D6E2EF;--bg-grad-3: #CBE3E1;--bg-grad-4: #F8D1C4;--bg-color: var(--bg-main);--text-color: var(--text-primary);--heading-color: var(--heading);--accent-color: var(--color-dark)}:root.dark,:root[data-theme=dark-a]{--color-primary: #1f3a5f;--color-secondary: #2b4f6c;--color-dark: #e2e2e2;--color-accent: #6bd4e6;--bg-main: #050816;--surface-1: rgba(10, 15, 40, .55);--surface-2: rgba(10, 15, 40, .35);--text-primary: #e2e2e2;--text-secondary: rgba(226, 226, 226, .75);--heading: #ffffff;--border-subtle: rgba(255, 255, 255, .22);--action: var(--color-accent);--action-hover: #8be9f0;--action-contrast: #050816;--link: #8be9f0;--link-hover: #ffffff;--bg-grad-1: #050816;--bg-grad-2: #0b1b3a;--bg-grad-3: #1f3a5f;--bg-grad-4: #2b4f6c;--bg-color: var(--bg-main);--text-color: var(--text-primary);--heading-color: var(--heading);--accent-color: var(--color-accent)}:root.dark[data-theme=dark-b],:root[data-theme=dark-b]{--color-primary: #355469;--color-secondary: #00577C;--color-dark: #FCE4E7;--color-accent: #BAA68B;--bg-main: #001722;--surface-1: #3F5F75;--surface-2: #2E4A5D;--text-primary: #FCE4E7;--text-secondary: rgba(252,228,231,.82);--heading: #FFFFFF;--border-subtle: rgba(252, 228, 231, .25);--action: #BAA68B;--action-hover: #C8B79C;--action-contrast: #001F2E;--link: #BAA68B;--link-hover: #FCE4E7;--bg-grad-1: #001F2E;--bg-grad-2: #003E5A;--bg-grad-3: #00577C;--bg-grad-4: #355469;--bg-color: var(--bg-main);--text-color: var(--text-primary);--heading-color: var(--heading);--accent-color: var(--color-accent);--section-bg: #3F5F75;--section-border: rgba(186,166,139,.35);--card-bg: var(--surface-1);--card-border: rgba(186,166,139,.25);--card-border-hover: rgba(186,166,139,.55);--card-shadow-hover: 0 12px 28px rgba(0,0,0,.45)}html{font-size:calc(var(--font-size-base) * var(--font-size-scale));overflow-y:scroll}body{margin:0;padding:0;background-color:transparent;color:var(--text-color);overflow-x:hidden;transition:background .3s ease,color .3s ease;font-family:var(--font-body);font-weight:400}.gradient-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,var(--bg-grad-1) 0%,var(--bg-grad-2) 25%,var(--bg-grad-3) 50%,var(--bg-grad-4) 75%,var(--bg-grad-1) 100%);background-size:200% 200%;animation:gradientShift 18s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root[style*="--bg-animation: 0"] .gradient-background{animation:none!important}.app{position:relative;z-index:1;color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}.content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh}.header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;box-sizing:border-box;background:transparent;width:100%;flex-shrink:0}.header-title{font-family:var(--font-heading);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.01em;color:var(--heading-color);margin-bottom:1rem}.header-text{font-family:var(--font-body);font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-secondary);margin-top:.5rem;margin-bottom:2rem}.header-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.nav-button{padding:clamp(.4rem,.8vw,.55rem) clamp(.8rem,1.6vw,1.2rem);border-radius:9999px;background-color:var(--surface-1);color:var(--text-primary);font-family:var(--font-ui);font-size:clamp(.8rem,1.2vw,.9rem);font-weight:500;border:1px solid var(--border-subtle);cursor:pointer;transition:all .3s ease}.nav-button:hover{background-color:var(--color-primary);color:var(--text-primary)}.nav-button.active{background-color:var(--action);color:var(--action-contrast);border:2px solid rgba(255,255,255,.65);font-weight:700}.main-content{background:var(--surface-2);padding:0;display:flex;flex-direction:column;align-items:center;width:100%;flex-grow:1;box-sizing:border-box}.section-container{background:var(--section-bg, var(--surface-1));border-radius:1rem;padding:2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:64rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;transition:opacity .5s ease-in-out;border:1px solid var(--section-border, var(--border-subtle))}.section-hidden{opacity:0;height:0;overflow:hidden;pointer-events:none;margin-bottom:0;padding-top:0;padding-bottom:0;display:none}.section-title{font-family:var(--font-ui);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;color:var(--heading-color);margin-bottom:1.5rem;text-align:center}.section-text{font-family:var(--font-body);font-size:clamp(.95rem,1.4vw,1.05rem);color:var(--text-secondary);text-align:center}.mb-4{margin-bottom:1rem}.about-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;max-width:100%;width:100%}.profile-image{width:12rem;height:16rem;border-radius:.5rem;object-fit:cover;border:2px solid var(--border-subtle);margin:0 auto}.text-content{text-align:center;max-width:40rem;margin:0 auto}.contact-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;max-width:100%;width:100%}.email-section{display:flex;align-items:center;justify-content:center;gap:.5rem}.email-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.email-link:hover{color:var(--link-hover)}.email-icon{font-size:1.125rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;width:100%}.project-card{background:var(--card-bg, var(--surface-2));border-radius:.75rem;border:1px solid var(--card-border, var(--border-subtle));padding:1.5rem;text-align:center;transition:transform .3s ease,background .3s ease,box-shadow .3s ease,border-color .3s ease}.project-card:hover{transform:translateY(-5px);background:var(--card-bg, var(--surface-1));border-color:var(--card-border-hover, var(--border-subtle));box-shadow:var(--card-shadow-hover, none)}.project-title{font-family:var(--font-ui);font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:700;color:var(--heading-color);margin-bottom:.5rem}.project-image{width:100%;height:150px;object-fit:cover;border-radius:.5rem;margin-bottom:1rem}.project-links{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.project-link{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;border-radius:9999px;background-color:var(--surface-1);color:var(--text-primary);font-family:var(--font-ui);font-size:clamp(.8rem,1.2vw,.9rem);font-weight:500;text-decoration:none;transition:all .3s ease;border:1px solid var(--border-subtle)}.project-link:hover{background-color:var(--action);color:var(--action-contrast)}.project-link.github{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:.4rem;width:clamp(30px,2.8vw,36px);height:clamp(30px,2.8vw,36px);font-size:clamp(.9rem,1.5vw,1.1rem);border-radius:50%;padding:0}.project-link.github:after{content:attr(data-tooltip);position:absolute;bottom:130%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.project-link.github:hover:after{opacity:1;visibility:visible;transform:translate(-50%,-4px)}.scroll-top-button{position:fixed;bottom:clamp(15px,2vw,20px);right:clamp(15px,2vw,20px);background-color:var(--action);color:var(--action-contrast);border:none;border-radius:50%;width:clamp(32px,4vw,40px);height:clamp(32px,4vw,40px);display:flex;align-items:center;justify-content:center;font-size:clamp(.9rem,1.6vw,1.2rem);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;z-index:1000;box-shadow:0 4px 8px #0003}.scroll-top-button.visible{opacity:1;visibility:visible;transform:translateY(0)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-title{animation:fadeInSlideUp .8s ease-out forwards}.header-entering{opacity:0;transition:opacity .5s ease}@media (max-width: 1440px){.header{padding:1.5rem}.header-nav{gap:.8rem}.header-title{font-size:3.5rem}.header-text{font-size:1.3rem}.section-title{font-size:2rem}.section-text{font-size:1rem}.project-card{padding:1.2rem}}@media (max-width: 768px){.header{padding:20px 10px}.header-title{font-size:2.2rem}.header-text{font-size:1.1rem}.section-title{font-size:1.6rem}.section-text{font-size:.95rem}.project-link{font-size:.8rem;padding:.4rem .7rem}.project-link.github{width:30px;height:30px;font-size:1rem}}.language-switcher{position:absolute;top:10px;right:10px}.contact-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;width:100%;margin-top:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-ui);font-size:1rem;color:var(--heading-color)}.form-group input,.form-group textarea{padding:.75rem;border-radius:.5rem;border:1px solid var(--border-subtle);background:#ffffffa6;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .3s}:root.dark .form-group input,:root.dark .form-group textarea{background:#ffffff1a;color:#fff;border-color:#fff3}.form-group input:focus,.form-group textarea:focus{border-color:var(--action-hover)}.form-group textarea{resize:vertical;min-height:100px}.form-submit{padding:clamp(.4rem,.8vw,.55rem) clamp(.8rem,1.6vw,1.2rem);border-radius:9999px;background-color:var(--action);color:var(--action-contrast);font-family:var(--font-ui);font-size:clamp(.8rem,1.2vw,.9rem);font-weight:500;border:none;cursor:pointer;transition:all .3s ease;align-self:center}.form-submit:hover{background-color:var(--action-hover)}.form-status{font-family:var(--font-body);font-size:1rem;color:var(--action-hover);text-align:center}.contact-content .section-text.mb-4{margin-bottom:.3rem}