@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";:root{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #ffffff;--text-color: #1a1a1a;--text-secondary: #666;--border-color: #e5e5e5;--tag-bg: #f5f5f5;--tag-text: #666;--hover-bg: rgba(0, 0, 0, .08);--border-hover: #a9a9a9;--modal-overlay: rgba(0, 0, 0, .8);--shadow: rgba(0, 0, 0, .1)}:root[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #e5e5e5;--text-secondary: #a0a0a0;--border-color: #505050;--tag-bg: #2a2a2a;--tag-text: #a0a0a0;--hover-bg: rgba(255, 255, 255, .08);--border-hover: #909090;--modal-overlay: rgba(0, 0, 0, .9);--shadow: rgba(0, 0, 0, .3)}:root{color:var(--text-color);background-color:var(--bg-color)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px;border:3px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-color)}a{color:var(--text-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.6}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}.tag{font-size:16px;font-weight:400;padding:8px 16px;background-color:var(--tag-bg);border-radius:8px;color:var(--tag-text);display:inline-block;transition:background-color .3s ease,color .3s ease,border-color .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInDown .3s ease-out forwards;opacity:0}.fade-in-up:nth-child(1){animation-delay:0s}.fade-in-up:nth-child(2){animation-delay:.05s}.fade-in-up:nth-child(3){animation-delay:.1s}.fade-in-up:nth-child(4){animation-delay:.15s}.fade-in-up:nth-child(5){animation-delay:.2s}.fade-in-up:nth-child(6){animation-delay:.25s}.gallery{margin-top:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;gap:16px}.gallery-item{width:100%;height:100%;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;border:4px solid var(--border-color);box-sizing:border-box;will-change:transform;position:relative}.gallery-item:before{content:"";position:absolute;inset:0;background-color:#0000;transition:background-color .3s ease;z-index:1;pointer-events:none}.gallery-item:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--shadow);border-color:var(--border-hover)}.gallery-item:hover:before{background-color:#00000080}.gallery-item img{width:100%;height:100%;object-fit:cover}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.modal-overlay{position:fixed;inset:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.modal-overlay.closing{animation:fadeOut .3s ease-out}.modal-content{background-color:var(--bg-color);border-radius:12px;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;transition:background-color .3s ease}.modal-content.closing{animation:slideDown .3s ease-out}.modal-image{width:100%;max-height:60vh;object-fit:contain;border-radius:12px 12px 0 0}.modal-description{padding:24px}.modal-description h3{font-size:20px;font-weight:500;margin-bottom:12px}.modal-description p{font-size:15px;line-height:1.7;color:var(--text-secondary);transition:color .3s ease}.modal-close{position:absolute;top:16px;right:16px;background-color:var(--tag-bg);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:var(--text-secondary);transition:background-color .3s ease,color .3s ease}.modal-close:hover{background-color:var(--hover-bg)}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:100px;gap:8px}.gallery-item{border:2px solid var(--border-color)}.gallery-item:hover{transform:scale(1.05)}.modal-overlay{padding:10px}.modal-content{max-width:95%;max-height:95vh}.modal-image{max-height:70vh}.modal-description{padding:16px}.modal-description h3{font-size:18px}.modal-description p{font-size:14px}}.experience{margin-bottom:60px;position:relative}.experience-list{display:flex;flex-direction:column;gap:40px;max-height:640px;overflow-y:auto;border:2px solid var(--border-color);border-radius:12px;padding:24px;transition:border-color .3s ease}.experience-item{display:flex;flex-direction:column;gap:8px}.experience-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.company{font-size:16px;font-weight:500;color:var(--text-color);transition:color .3s ease}.period{font-size:14px;color:var(--text-secondary);transition:color .3s ease}.role{font-size:15px;color:var(--text-secondary);transition:color .3s ease}.description{font-size:15px;line-height:1.8;color:var(--text-color);transition:color .3s ease}@media(max-width:768px){.experience-list{gap:28px;max-height:500px;padding:16px;border:2px solid var(--border-color)}.company{font-size:15px}.period{font-size:13px}.role{font-size:14px}.description{font-size:14px;line-height:1.6}}.projects{display:flex;flex-direction:column}.projects-list{display:flex;flex-direction:column;gap:48px}.project-item{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;cursor:pointer;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,border-color .3s ease;padding:16px;margin:-16px;border-radius:8px;border:2px solid transparent;box-sizing:border-box;will-change:transform}.project-item:hover{transform:scale(1.1);opacity:1;background-color:var(--hover-bg);border-color:var(--border-hover)}.project-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.project-title{font-size:16px;font-weight:500;color:var(--text-color);margin:0;transition:color .3s ease}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.project-technologies .tag{font-size:13px;padding:4px 10px;background-color:var(--tag-bg);border-radius:4px;color:var(--tag-text)}.project-description,.project-elaboration{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0;transition:color .3s ease}.project-preview{position:absolute;left:calc(100% + 100px);top:50%;transform:translateY(-50%);z-index:1000;pointer-events:none;border-radius:8px;width:400px;border:4px solid var(--border-color);overflow:hidden;box-sizing:border-box;transition:border-color .3s ease}.project-preview-media{width:100%;height:auto;display:block;border-radius:8px;background:#000}@media(max-width:768px){.projects-list{gap:32px}.project-item{padding:12px;margin:-12px}.project-item:hover{transform:scale(1.02)}.project-title{font-size:15px}.project-description,.project-elaboration{font-size:14px}.project-technologies .tag{font-size:12px;padding:3px 8px}.project-preview{display:none}}.snowflakes-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;clip-path:polygon(0 0,calc(50% - 500px) 0,calc(50% - 500px) 100%,0 100%,0 0,calc(50% + 500px) 0,100% 0,100% 100%,calc(50% + 500px) 100%,calc(50% + 500px) 0)}.snowflake{position:absolute;top:-10px;color:#666;font-size:20px;-webkit-user-select:none;user-select:none;animation:fall linear infinite}.snowflake:before{content:"❄"}@keyframes fall{0%{transform:translateY(-10px) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}@media(max-width:768px){.snowflakes-container{display:none}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{width:900px;margin:0 auto;padding:60px 20px 0;flex:1;display:flex;flex-direction:column;align-items:flex-start}.header-nav-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.hero-header{width:100%}.profile-photo{width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid var(--border-color);transition:border-color .3s ease}.profile-photo-large{width:152px;height:152px;border-radius:12px;object-fit:cover;border:4px solid var(--border-color);flex-shrink:0;transition:border-color .3s ease}.dark-mode-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s ease;will-change:transform;display:flex;align-items:center;justify-content:center}.dark-mode-toggle:hover{transform:scale(1.1);background-color:var(--hover-bg)}.dark-mode-icon{width:24px;height:24px;display:block;transition:opacity .3s ease}.name{font-size:32px;font-weight:500;margin:0;white-space:nowrap}.nav{display:flex;gap:16px}.nav a{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,border-color .3s ease;border:2px solid transparent;will-change:transform}.nav a:hover{transform:scale(1.1);opacity:1;border-color:var(--border-hover)}.nav a.active{transform:scale(1.1);opacity:1;background-color:var(--hover-bg);border-color:var(--border-hover)}.content-divider{width:100%;border:none;border-top:2px solid var(--border-color);margin:16px 32px 32px 0;transition:border-color .3s ease}.content-area{min-width:600px;width:100%}.section-title{font-size:24px;font-weight:400;margin-bottom:24px}.tag{margin-bottom:24px}.hero-bio{line-height:1.7;white-space:pre-line;margin-bottom:36px}.inline-tag{margin:2px 0;vertical-align:baseline;padding:0 4px;font-size:inherit}.inline-tag-link{text-decoration:none;cursor:pointer;transition:transform .2s ease;display:inline-block}.inline-tag-link:hover{transform:scale(1.05)}.social-footer{display:flex;gap:16px;margin-top:auto;padding:32px 0;width:100%;justify-content:center}.social-icon{color:var(--text-secondary);transition:transform .2s ease,color .3s ease;display:flex;align-items:center;justify-content:center}.social-icon:hover{transform:scale(1.1);opacity:1}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:var(--text-secondary);transition:color .3s ease}@media(max-width:768px){.main-content{width:100%;padding:20px 16px 0}.header-with-toggle{margin-bottom:24px!important;flex-wrap:nowrap!important;gap:12px!important}.header-with-toggle:before{content:"";width:48px;height:48px;border-radius:50%;background-image:var(--profile-photo-url);background-size:cover;background-position:center;border:2px solid var(--border-color);flex-shrink:0;order:-1}.profile-photo-large{display:none!important}.name{font-size:20px!important;white-space:normal!important;line-height:1.3;flex:1}.dark-mode-toggle{flex-shrink:0}.nav{flex-wrap:wrap;gap:8px!important;margin-bottom:8px!important}.nav a{font-size:14px;padding:6px 12px}.content-area{min-width:100%!important}.hero-bio{font-size:15px;line-height:1.6;margin-bottom:24px}.social-footer{padding:24px 0!important;gap:12px}.social-icon svg{width:20px;height:20px}.dark-mode-icon{width:22px;height:22px}.profile-spotify-container,.spotify-embed{display:none!important}}