.settings-button{position:absolute;right:20px;background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .3s;z-index:10;font-size:calc(clamp(.75rem,2vw,1rem)*1.2);line-height:0;height:fit-content;top:17px}@media (max-width: 700px){.settings-button{top:24px;transform:none}}.settings-button svg{width:1em;height:1em}.settings-button:hover{background-color:#ffffff1a}.settings-button.active{color:var(--text-color)}.settings-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,4vw,40px);padding:clamp(20px,4vw,40px);animation:slideIn .3s ease-out forwards;background:var(--settings-bg)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-section{width:100%;max-width:min(300px,90%)}.settings-section label{display:block;margin-bottom:clamp(4px,1vw,8px);color:var(--text-color);font-weight:500;font-size:clamp(.875rem,2vw,1rem)}.settings-section select{width:100%;padding:clamp(6px,1.5vw,8px);border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;font-size:clamp(.875rem,2vw,1rem)}.theme-buttons{display:flex;gap:clamp(4px,1vw,8px)}.theme-buttons .theme-button{flex:1;padding:clamp(6px,1.5vw,8px) clamp(12px,2vw,16px);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all .3s;font-size:clamp(.875rem,2vw,1rem)}.theme-buttons .theme-button:hover{background:#ffffff1a}.theme-buttons .theme-button.active{background:var(--text-color);color:var(--card-bg)}.main-content{position:absolute;inset:0}.header{position:absolute;top:20px;left:20px;white-space:nowrap}.header.center{z-index:1;width:100%;display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.header.center .text-container{font-size:clamp(1rem,min(4vw,4vh),2rem);padding:0 20px;max-width:90%;transform:scale(var(--scale, 1))}@media (max-width: 1097px){.header.center .text-container{flex-direction:column;text-align:center;gap:4px}.header.center .text-container .separator{visibility:hidden;position:absolute;pointer-events:none}}.header .text-container{display:flex;gap:clamp(4px,1vw,8px);align-items:center;font-size:clamp(.75rem,2vw,1rem);letter-spacing:.5px;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.header .text-container{font-size:clamp(1rem,1.5vw,1.25rem)}}@media (max-width: 700px){.header .text-container{flex-direction:column;align-items:flex-start;gap:0}.header .text-container .name{font-size:1.2em;margin-bottom:2px}.header .text-container .separator{visibility:hidden;position:absolute;pointer-events:none}.header .text-container .title{font-size:.9em}}.header .name,.header .separator{color:var(--text-color)}.header .title{color:var(--text-color-secondary)}.header .separator{margin:0 clamp(2px,1vw,4px)}.navigation{position:absolute;left:20px;top:80px}.navigation ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.navigation button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:clamp(.875rem,1.5vw,1rem);padding:4px 0;transition:all .3s;text-align:left;position:relative}.navigation button:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background-color:var(--text-color);transition:width .3s}.navigation button:hover,.navigation button.active{color:var(--text-color)}.navigation button:hover:before,.navigation button.active:before{width:100%}.sections-card{position:absolute;top:80px;right:60px;width:min(800px,90%);padding:clamp(20px,4vw,40px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow)}.sections-card h2{margin:0 0 20px;color:var(--text-color);font-size:clamp(1.25rem,2vw,1.5rem)}.sections-card p{color:var(--text-color-secondary);line-height:1.6;margin:0}.sections-card .section{position:relative}.sections-card .section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;top:0;z-index:2;background:var(--card-bg);padding-top:8px;padding-bottom:8px;box-shadow:0 2px 4px #00000008}.sections-card .section .section-header h2{margin:0}.sections-card .section .section-content{max-height:60vh;overflow-y:auto;padding-bottom:8px}.sections-card .section .close-button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .3s;line-height:0}.sections-card .section .close-button:hover{background-color:#ffffff1a;color:var(--text-color)}.sections-card .section .close-button svg{width:20px;height:20px}.sections-card,.section-content{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sections-card::-webkit-scrollbar,.section-content::-webkit-scrollbar{width:8px;background:transparent}.sections-card::-webkit-scrollbar-thumb,.section-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px;transition:background .2s}.sections-card::-webkit-scrollbar-thumb:hover,.section-content::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary)}.sections-card::-webkit-scrollbar-corner,.section-content::-webkit-scrollbar-corner{background:transparent}@media (max-width: 1250px){.sections-card{top:200px;left:20px;right:20px;width:auto;max-width:none;max-height:70vh}}@media (max-width: 768px){.sections-card{position:fixed;inset:0;width:100vw;max-width:100vw;max-height:100dvh;border-radius:0;z-index:11;box-sizing:border-box;padding:16px;overflow-y:auto}.sections-card .section-content{max-height:90vh!important}}.about-description{white-space:pre-line}.experience-item{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.experience-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.experience-item .experience-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.experience-item .experience-header .company{font-size:1.2rem;font-weight:700}.experience-item .experience-header .period{font-size:1rem;color:var(--text-color-secondary)}.experience-item .description{margin:0;color:var(--text-color)}.company-experience{margin-bottom:2.5rem;padding:2rem 1.5rem;border-radius:12px;background:var(--card-bg, #f9f9f9);box-shadow:0 2px 8px #0000000a;border:1px solid var(--border-color, #e0e0e0)}.company-experience .company-name{font-size:1.4rem;font-weight:700;margin-bottom:1.2rem}.links-section h2{margin-bottom:1.5em}.links-section ul{list-style:none;padding:0;margin:0}.links-section li{margin:1em 0;display:flex}.links-section a{display:flex;align-items:center;gap:.5em;font-size:1.2em;color:var(--text-color);text-decoration:none;transition:color .2s}.links-section a:hover{color:var(--primary-color, #0072b1)}@keyframes fade-in-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes slide-and-fade-left{0%{opacity:0;transform:translate(-10px)}20%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}@keyframes slide-and-fade-right{0%{opacity:0;transform:translate(10px)}20%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}@keyframes slide-and-fade-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-and-fade-in-right{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.animate-fade{animation:fade-in-out 3s ease-out forwards}.animate-slide-from-left{animation:slide-and-fade-left 3s ease-out forwards}.animate-slide-from-right{animation:slide-and-fade-right 3s ease-out forwards}.animate-slide-in-left{opacity:0;animation:slide-and-fade-in-left 1s ease-out forwards}.animate-slide-in-right{opacity:0;animation:slide-and-fade-in-right 1s ease-out forwards}.animate-slide-in-left-delayed{opacity:0;animation:slide-and-fade-in-left 1s ease-out forwards;animation-delay:3s}.animate-slide-in-right-delayed{opacity:0;animation:slide-and-fade-in-right 1s ease-out forwards;animation-delay:3s}.app{min-height:100vh;min-height:100dvh;background:var(--bg-color);color:var(--text-color);position:relative;overflow:hidden;transition:var(--transition-props);padding:clamp(20px,5vw,50px);display:flex;align-items:stretch;justify-content:stretch}.container{flex:1;border:1px solid var(--border-color);position:relative}.background{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient-light);z-index:0;pointer-events:none}:root{--bg-color-light: #f0f0f0;--text-color-light: #1a1a1a;--text-color-secondary-light: rgba(26, 26, 26, .7);--card-bg-light: rgba(255, 255, 255, .9);--card-bg-light-opaque: rgba(255, 255, 255, 1);--border-color-light: rgba(26, 26, 26, .3);--bg-color-dark: #1a1a1a;--text-color-dark: #fff;--text-color-secondary-dark: rgba(255, 255, 255, .7);--card-bg-dark: rgba(30, 30, 30, .9);--card-bg-dark-opaque: rgba(30, 30, 30, 1);--border-color-dark: rgba(255, 255, 255, .2);--transition-duration: .3s;--transition-timing: ease-in-out;--border-radius: 12px;--card-padding: 20px;--transition-props: background-color var(--transition-duration) var(--transition-timing), color var(--transition-duration) var(--transition-timing), border-color var(--transition-duration) var(--transition-timing), box-shadow var(--transition-duration) var(--transition-timing)}[data-theme=light]{--bg-color: var(--bg-color-light);--text-color: var(--text-color-light);--text-color-secondary: var(--text-color-secondary-light);--card-bg: var(--card-bg-light);--settings-bg: var(--card-bg-light-opaque);--border-color: var(--border-color-light)}[data-theme=dark]{--bg-color: var(--bg-color-dark);--text-color: var(--text-color-dark);--text-color-secondary: var(--text-color-secondary-dark);--card-bg: var(--card-bg-dark);--settings-bg: var(--card-bg-dark-opaque);--border-color: var(--border-color-dark)}@media (max-width: 768px){[data-theme=light]{--card-bg: var(--card-bg-light-opaque);--settings-bg: var(--card-bg-light-opaque)}[data-theme=dark]{--card-bg: var(--card-bg-dark-opaque);--settings-bg: var(--card-bg-dark-opaque)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}