@media (prefers-color-scheme:dark){html{background-color:#0f172a;color:#f8fafc}}@media (prefers-color-scheme:light){html{background-color:#fff;color:#1f2937}}@media (prefers-color-scheme:no-preference){html{background-color:#0f172a;color:#f8fafc}}:root{--bg-primary:#fff;--bg-secondary:#dbeafe;--bg-tertiary:#fae8ff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-hover:#d1d5db;--glass-bg:hsla(0,0%,100%,.8);--glass-border:hsla(0,0%,100%,.2);--card-bg:#fff;--card-shadow:rgba(0,0,0,.1);--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--nav-bg:hsla(0,0%,100%,.95);--nav-border:rgba(229,231,235,.8);--footer-bg:#fff;--hero-gradient-start:#3b82f6;--hero-gradient-end:#1d4ed8;--hobby-gradient-start:hsla(0,0%,100%,.85);--hobby-gradient-middle:hsla(0,0%,100%,.6);--hobby-gradient-end:hsla(0,0%,100%,.2);--hobby-gradient-hover-start:hsla(0,0%,100%,.9);--hobby-gradient-hover-middle:hsla(0,0%,100%,.7);--hobby-gradient-hover-end:hsla(0,0%,100%,.3)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-hover:#475569;--glass-bg:rgba(15,23,42,.8);--glass-border:hsla(0,0%,100%,.1);--card-bg:#1e293b;--card-shadow:rgba(0,0,0,.4);--accent-blue:#60a5fa;--accent-blue-hover:#3b82f6;--accent-green:#34d399;--accent-red:#f87171;--accent-yellow:#fbbf24;--nav-bg:rgba(15,23,42,.95);--nav-border:rgba(51,65,85,.8);--footer-bg:#1e293b;--hero-gradient-start:#60a5fa;--hero-gradient-end:#3b82f6;--hobby-gradient-start:hsla(0,0%,4%,.85);--hobby-gradient-middle:hsla(0,0%,6%,.6);--hobby-gradient-end:hsla(0,0%,8%,.2);--hobby-gradient-hover-start:rgba(5,5,5,.9);--hobby-gradient-hover-middle:hsla(0,0%,4%,.7);--hobby-gradient-hover-end:hsla(0,0%,6%,.3)}}:root.light{--bg-primary:#fff;--bg-secondary:#dbeafe;--bg-tertiary:#fae8ff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-hover:#d1d5db;--glass-bg:hsla(0,0%,100%,.8);--glass-border:hsla(0,0%,100%,.2);--card-bg:#fff;--card-shadow:rgba(0,0,0,.1);--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--nav-bg:hsla(0,0%,100%,.95);--nav-border:rgba(229,231,235,.8);--footer-bg:#fff;--hero-gradient-start:#3b82f6;--hero-gradient-end:#1d4ed8;--hobby-gradient-start:hsla(0,0%,100%,.85);--hobby-gradient-middle:hsla(0,0%,100%,.6);--hobby-gradient-end:hsla(0,0%,100%,.2);--hobby-gradient-hover-start:hsla(0,0%,100%,.9);--hobby-gradient-hover-middle:hsla(0,0%,100%,.7);--hobby-gradient-hover-end:hsla(0,0%,100%,.3)}:root.light,:root.light html{background-color:#fff!important;color:#1f2937!important}:root.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-hover:#475569;--glass-bg:rgba(15,23,42,.8);--glass-border:hsla(0,0%,100%,.1);--card-bg:#1e293b;--card-shadow:rgba(0,0,0,.4);--accent-blue:#60a5fa;--accent-blue-hover:#3b82f6;--accent-green:#34d399;--accent-red:#f87171;--accent-yellow:#fbbf24;--nav-bg:rgba(15,23,42,.95);--nav-border:rgba(51,65,85,.8);--footer-bg:#1e293b;--hero-gradient-start:#60a5fa;--hero-gradient-end:#3b82f6;--hobby-gradient-start:#000;--hobby-gradient-middle:hsla(0,0%,6%,.8);--hobby-gradient-end:hsla(0,0%,8%,.2);--hobby-gradient-hover-start:rgba(5,5,5,.9);--hobby-gradient-hover-middle:hsla(0,0%,4%,.7);--hobby-gradient-hover-end:hsla(0,0%,6%,.3)}:root.dark,:root.dark html{background-color:#0f172a!important;color:#f8fafc!important}html.theme-loaded{--theme-transition:background-color 0.3s ease,border-color 0.3s ease,color 0.3s ease}html.theme-loaded *{transition:var(--theme-transition)}html.theme-loaded .glass-card{transition:all .3s ease-out,var(--theme-transition)}html.theme-loaded .language-tag,html.theme-loaded .project-tech-tag,html.theme-loaded .stars-badge,html.theme-loaded .status-badge,html.theme-loaded .tech-badge,html.theme-loaded .version-badge{transition:all .3s ease,var(--theme-transition)}html.theme-loaded .retry-button{transition:background-color .3s ease,var(--theme-transition)}html.theme-loaded .hero-avatar{transition:transform .3s ease,box-shadow .3s ease,var(--theme-transition)}html.theme-loaded .hamburger-line,html.theme-loaded .mobile-menu-toggle,html.theme-loaded .nav-brand,html.theme-loaded .nav-links,html.theme-loaded .nav-logo{transition:all .3s ease,var(--theme-transition)}html.theme-loaded .nav-title{transition:color .3s ease,var(--theme-transition)}html.theme-loaded .theme-toggle{transition:all .3s ease,var(--theme-transition)}html.theme-loaded .theme-toggle-icon{transition:transform .3s ease,var(--theme-transition)}html.theme-loaded .nav-link{transition:all .3s ease,var(--theme-transition)}html.theme-loaded .project-card{transition:all .5s ease,var(--theme-transition)}html.theme-loaded .contact-item,html.theme-loaded .hobby-item,html.theme-loaded .interactive-item,html.theme-loaded .project-link{transition:all .3s ease,var(--theme-transition)}html.theme-loaded .card-hover,html.theme-loaded .glass-card{transition:all .3s ease-out,var(--theme-transition)}html.theme-loaded .footer-icon{transition:transform .6s cubic-bezier(.4,0,.2,1),var(--theme-transition)}html:not(.theme-loaded) *{transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease,-webkit-backdrop-filter .3s ease!important;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease,backdrop-filter .3s ease!important;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease!important}html.theme-manual-change *{transition:all .3s ease!important}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:var(--text-primary)}.theme-toggle:hover{background:var(--card-bg);border-color:var(--border-hover);transform:scale(1.05)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary);margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;width:100%}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}.page-title,.section-title{font-weight:700;background:linear-gradient(135deg,#2563eb,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.page-title{font-size:2.5rem;margin-bottom:1rem}.section-title{font-size:1.875rem;color:#1f2937;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-gray-500{color:#6b7280}.text-sm{font-size:.875rem;line-height:1.25rem}.mb-4{margin-bottom:1rem}.page-layout{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 50%,var(--bg-tertiary) 100%)}.container,.main-container{max-width:1200px;margin:0 auto;width:100%}.main-container{flex:1 1;padding:3rem 1.5rem}.container{padding:0 1.5rem}.section{margin-bottom:5rem;width:100%}@media (max-width:1280px){.container,.main-container{max-width:1024px}}@media (max-width:1024px){.container,.main-container{max-width:768px}}@media (max-width:768px){.container,.main-container{max-width:100%;padding-left:1rem;padding-right:1rem}.page-title{font-size:2rem;margin-bottom:.75rem;line-height:1.1}.section-title{font-size:1.5rem;margin-bottom:1.5rem}}@media (max-width:480px){.page-title{font-size:1.75rem;margin-bottom:.5rem}.section-title{font-size:1.375rem;margin-bottom:1.25rem}}@media (max-width:360px){.page-title{font-size:1.5rem}.section-title{font-size:1.25rem;margin-bottom:1rem}}@media (max-height:500px) and (orientation:landscape){.page-title{font-size:1.5rem;margin-bottom:.25rem}.section-title{font-size:1.25rem;margin-bottom:1rem}}@media (max-width:768px){body{font-size:16px;line-height:1.5}}@media (max-width:480px){input,select,textarea{font-size:16px}}@media (max-width:360px){.main-container{padding-left:.75rem;padding-right:.75rem}}@media (min-width:1200px){.main-container{padding:4rem 2rem}}@media (max-width:1024px) and (min-width:769px){.main-container{padding:3rem 1.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-avatar-img,.nav-avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@supports (-webkit-touch-callout:none){.nav-link,.project-card,.tech-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card-hover:hover,.hero-avatar:hover,.project-card:hover,.tech-badge:hover{transform:none}.hero-avatar{transition:none}}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;flex-wrap:nowrap;gap:1rem;position:relative;min-height:60px;background:var(--nav-bg);overflow:visible}@media (max-width:768px){.nav-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1rem;position:relative}.mobile-menu-toggle{order:1;flex:0 0 auto}.nav-brand{order:2;flex:1 1 auto;justify-content:center}.theme-toggle{order:3;flex:0 0 auto}.nav-links{order:4;width:100%;position:absolute;top:100%;left:0;right:0}}.nav-brand{gap:.75rem;text-decoration:none}.nav-brand,.nav-logo{display:flex;align-items:center;transition:all .3s;flex-shrink:0}.nav-logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);justify-content:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden}.nav-brand:hover .nav-logo{transform:scale(1.1);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.nav-avatar{width:100%;height:100%;border-radius:12px;object-fit:cover}.nav-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);transition:color .3s;white-space:nowrap}.nav-brand:hover .nav-title{color:var(--accent-blue)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:all .3s ease;z-index:1001}.mobile-menu-toggle:hover{background:var(--glass-bg)}.hamburger-line{width:100%;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle:hover .hamburger-line{background:var(--accent-blue)}.hamburger-line.active:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.active:nth-child(2){opacity:0}.hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-links{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem;position:relative}.nav-links::-webkit-scrollbar{display:none}.nav-link{color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;border-radius:12px;text-decoration:none;transition:all .3s;white-space:nowrap;text-align:center;position:relative;z-index:5}.nav-link:hover{color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(-2px);box-shadow:0 4px 12px -2px var(--card-shadow)}.nav-link.active{color:var(--accent-blue);font-weight:600;background:var(--card-bg);box-shadow:0 4px 6px -1px var(--card-shadow),0 2px 4px -1px var(--card-shadow);position:relative;z-index:10;border:1px solid var(--glass-border)}@media (max-width:1024px) and (min-width:769px){.nav-links{gap:.25rem}.nav-link{padding:.5rem .75rem;font-size:.875rem}}@media (min-width:769px){.mobile-menu-toggle{display:none!important}.nav-links{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;box-shadow:none;border:none;flex-direction:row;padding:.5rem;transform:none;opacity:1;visibility:visible;transition:none;overflow-x:auto;overflow-y:visible}}@media (max-width:768px){.nav-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.75rem;position:relative;min-height:60px}.nav-brand{order:2;flex:1 1 auto;justify-content:center;min-width:0}.mobile-menu-toggle{display:flex;order:1;flex:0 0 auto}.theme-toggle{order:3;flex:0 0 auto}.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 16px 16px;box-shadow:0 10px 15px -3px var(--card-shadow);border:1px solid var(--glass-border);border-top:none;flex-direction:column;gap:.5rem;padding:1rem;transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;overflow:visible}.nav-links:before{display:none}.nav-links.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;padding:.75rem 1rem;font-size:.875rem;text-align:center}.nav-link.active{background:var(--card-bg);box-shadow:0 4px 6px -1px var(--card-shadow),0 2px 4px -1px var(--card-shadow);border:1px solid var(--glass-border)}}@media (max-width:640px){.nav-container{padding:.75rem 1rem;gap:.5rem}.nav-brand{flex:1 1 auto;min-width:0;justify-content:center}.nav-logo{width:40px;height:40px}.nav-title{font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-toggle{width:28px;height:28px;flex-shrink:0}.theme-toggle{width:2rem;height:2rem;flex-shrink:0}}@media (max-width:768px){.nav-link{min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.hero-section{text-align:center;margin-bottom:5rem;padding:0 1rem}.hero-avatar{width:144px;height:144px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:transform .3s ease,box-shadow .3s ease;border:4px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.hero-avatar:hover{box-shadow:0 35px 60px -12px rgba(0,0,0,.25);transform:scale(1.1) rotate(-6deg)}.hero-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.hero-subtitle{font-size:1.25rem;line-height:1.75rem;color:#6b7280;max-width:42rem;margin:0 auto}@media (max-width:768px){.hero-section{margin-bottom:3rem;padding:0 .5rem}.hero-avatar{width:120px;height:120px;margin-bottom:1.5rem}.hero-subtitle{font-size:1.125rem;line-height:1.6;padding:0 1rem}}@media (max-width:480px){.hero-section{margin-bottom:2.5rem}.hero-avatar{width:100px;height:100px;margin-bottom:1rem}.hero-subtitle{font-size:1rem;line-height:1.5;padding:0 .5rem}}@media (max-height:500px) and (orientation:landscape){.hero-section{margin-bottom:2rem}.hero-avatar{width:80px;height:80px;margin-bottom:1rem}.hero-subtitle{font-size:.875rem;line-height:1.4}}@media (max-width:768px){.hero-avatar:hover{transform:rotate(-3deg)}}.card-base,.glass-card,.glass-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 15px -3px var(--card-shadow);transition:all .3s ease-out;width:100%;overflow:visible}.glass-card{padding:2.5rem;border-radius:24px;box-shadow:0 25px 50px -12px var(--card-shadow)}.glass-nav{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:var(--nav-bg);border-radius:0;border-bottom:1px solid var(--nav-border)}.glass-card:hover{background:var(--card-bg);box-shadow:0 35px 60px -12px var(--card-shadow);transform:translateY(-4px)}.card-hover:hover{background:var(--card-bg);transform:scale(1.05) translateY(-4px);box-shadow:0 20px 25px -5px var(--card-shadow)}.contact-item,.interactive-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);transition:all .3s ease-out;box-shadow:0 10px 15px -3px var(--card-shadow);cursor:pointer;text-decoration:none;color:var(--text-primary);min-height:120px;justify-content:center}.contact-item:hover,.interactive-item:hover{background:var(--card-bg);transform:translateY(-4px);box-shadow:0 20px 25px -5px var(--card-shadow)}.contact-icon,.item-icon{font-size:1.875rem;margin-bottom:.75rem;display:inline-block;transform-origin:center center;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .3s ease}.contact-item:hover .contact-icon,.interactive-item:hover .item-icon{transform:translateZ(0) scale(1.2) rotate(5deg);transition:transform .3s ease}.contact-item:not(:hover) .contact-icon,.interactive-item:not(:hover) .item-icon{transform:translateZ(0) scale(1) rotate(0deg);transition:transform .3s ease}.contact-label{font-weight:500;font-size:.875rem;transition:color .3s ease}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:64rem;margin:0 auto;width:100%;padding:0 1rem}.tech-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:0 1rem}.proficiency-indicator{margin:1.5rem 2rem 2rem;position:relative}.proficiency-gradient{height:8px;border-radius:4px;background:linear-gradient(90deg,#22c322 0,#1ab37f 25%,#1791cf 50%,#1313ec 75%,#af25f4);box-shadow:0 2px 4px rgba(0,0,0,.1)}.proficiency-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.proficiency-label-end,.proficiency-label-start{padding:0 .5rem}.tech-badge{padding:.5rem 1rem;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));color:var(--text-primary);border-radius:16px;font-size:.875rem;font-weight:500;border:1px solid rgba(59,130,246,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease-out;text-align:center;white-space:nowrap;cursor:help}[data-theme=dark] .tech-badge{background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.8));border:1px solid rgba(59,130,246,.3);color:var(--text-primary)}.tech-badge:hover{box-shadow:0 8px 16px rgba(0,0,0,.15);transform:scale(1.05) translateY(-2px)}[data-theme=dark] .tech-badge:hover{background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,41,59,.9))}.tech-badge-loading{cursor:wait!important;opacity:.7;position:relative;overflow:hidden}.tech-badge-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:tech-loading-shimmer 1s infinite}[data-theme=dark] .tech-badge-loading:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent)}@keyframes tech-loading-shimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.glass-card{padding:2rem 1.5rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:100%;padding:0 .5rem}.tech-badges{gap:.75rem;padding:0 .5rem}.proficiency-indicator{margin:1rem 1rem 1.5rem}.proficiency-labels{font-size:.7rem}.tech-badge{padding:.4rem .8rem;font-size:.8125rem}}@media (max-width:480px){.glass-card{padding:1.5rem 1rem}.contact-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 .25rem}.contact-item{min-height:90px;padding:1rem}.tech-badges{gap:.5rem;padding:0 .25rem}.proficiency-indicator{margin:.75rem .5rem 1rem}.proficiency-gradient{height:6px}.proficiency-labels{font-size:.65rem;margin-top:.375rem}.tech-badge{padding:.375rem .75rem;font-size:.75rem}.card-hover:hover{transform:translateY(-2px)}}@media (max-width:360px){.glass-card{padding:1.25rem .75rem}.contact-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0}.contact-item{min-height:80px}}@media (max-width:768px){.card-hover,.tech-badge{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.card-hover:hover{transform:translateY(-2px)}.tech-badge:hover{transform:scale(1.02)}}@media (min-width:769px) and (max-width:1024px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.contact-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.contact-grid{grid-template-columns:repeat(4,1fr)}}.projects-container{display:flex;overflow-x:auto;overflow-y:hidden;gap:1rem;padding:1rem;margin:-1rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.projects-container::-webkit-scrollbar{display:none}.project-section-title{margin-bottom:0}#featured-projects{scroll-snap-type:x mandatory}.project-card{min-width:max(350px,-moz-fit-content);min-width:max(350px,fit-content);max-width:400px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 12px 15px -8px var(--card-shadow),0 15px 15px -10px var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease,background .3s ease;display:flex;flex-direction:column;gap:1rem;scroll-snap-align:center;flex-shrink:0;color:var(--text-primary);transform:translateZ(0)}.project-card:hover{box-shadow:0 15px 20px -9px var(--card-shadow),0 15px 25px -8px var(--card-shadow);background:var(--card-bg);transform:scale(1.05) translateY(-8px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.project-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;flex:1 1;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-width:0;min-width:200px}.project-status{display:flex;gap:.5rem;align-items:center;flex-shrink:0;justify-content:center;flex-wrap:wrap}@media (max-width:400px){.project-header{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.project-title{width:100%;text-align:center;min-width:unset}.project-status{width:100%;justify-content:center}}.project-card{container-type:inline-size}.project-header-stacked{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.75rem!important}.project-header-stacked .project-title{width:100%!important;text-align:center!important;min-width:unset!important}.project-header-stacked .project-status{width:100%!important;justify-content:center!important}@container (max-width: 350px){.project-header{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.project-title{width:100%;text-align:center;min-width:unset}.project-status{width:100%;justify-content:center}}.status-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:12px;font-weight:600;text-transform:uppercase;border:1px solid transparent}.status-stable{background:rgba(34,197,94,.15);color:var(--accent-green);border:1px solid rgba(34,197,94,.2)}.status-experimental{background:rgba(245,158,11,.15);color:var(--accent-yellow);border:1px solid rgba(245,158,11,.2)}@media (max-width:768px){.projects-container{padding:1.5rem .5rem 2.5rem 1rem;gap:1.5rem;margin:-.5rem}.project-card{min-width:max(300px,-moz-fit-content);min-width:max(300px,fit-content);max-width:340px;padding:1.5rem;margin-bottom:1rem}.project-title{font-size:1.125rem}}@media (max-width:480px){.projects-container{padding:1rem .25rem 2rem .75rem;gap:1rem}.project-card{min-width:max(280px,-moz-fit-content);min-width:max(280px,fit-content);max-width:320px;padding:1.25rem;margin-bottom:.25rem}.project-title{font-size:1rem}.project-header{gap:.75rem}.status-badge{font-size:.6875rem;padding:.1875rem .375rem}}@media (min-width:1200px){.projects-container{padding:1rem;gap:2.5rem}.project-card{min-width:max(380px,-moz-fit-content);min-width:max(380px,fit-content);max-width:420px}}@media (max-height:500px) and (orientation:landscape){.projects-container{padding:1rem .5rem 1rem 1rem}.project-card{padding:1rem;min-width:max(250px,-moz-fit-content);min-width:max(250px,fit-content);max-width:280px}}.version-badge{font-size:.75rem;padding:.25rem .5rem;background:rgba(99,102,241,.15);color:var(--accent-blue);border:1px solid rgba(99,102,241,.2);border-radius:12px;font-weight:500}.project-description{color:var(--text-secondary);line-height:1.625;flex:1 1}.project-languages{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.languages-label{font-size:.875rem;color:var(--text-secondary);font-weight:600}.language-tag{font-size:.75rem;padding:.25rem .5rem;background:rgba(16,185,129,.15);color:var(--accent-green);border:1px solid rgba(16,185,129,.2);border-radius:8px;font-weight:600}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.project-tech-tag{font-size:.75rem;padding:.25rem .75rem;background:rgba(59,130,246,.15);color:var(--accent-blue);border:1px solid rgba(59,130,246,.2);border-radius:9999px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tech-more{font-size:.75rem;color:var(--text-muted);font-style:italic;font-weight:500}.project-actions{margin-top:auto;padding-top:1rem}.project-link{display:inline-flex;align-items:center;color:var(--accent-blue);font-weight:600;text-decoration:none;transition:all .3s;font-size:.875rem}.project-link:hover{color:var(--accent-blue-hover);transform:translateX(4px)}.error-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;width:100%;margin:0 auto}.loading-spinner{width:32px;height:32px;border-top:3px solid var(--border-color);border:3px solid var(--border-color)}.error-message{color:var(--accent-red);font-weight:600}.retry-button{padding:.5rem 1rem;background:var(--accent-blue);color:var(--bg-primary);font-weight:600;transition:background-color .3s}.retry-button:hover{background:var(--accent-blue-hover)}.stars-badge{font-size:.75rem;padding:.25rem .5rem;background:rgba(251,191,36,.15);color:var(--accent-yellow);border:1px solid rgba(251,191,36,.2);border-radius:12px;font-weight:600}.language-more{font-size:.75rem;color:var(--text-muted);font-style:italic;font-weight:500}.project-stats{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.stat-item{font-size:.75rem;color:var(--text-secondary);gap:.25rem;font-weight:500}.status-active{background:rgba(34,197,94,.15);color:var(--accent-green);border:1px solid rgba(34,197,94,.2)}.status-archived{background:rgba(156,163,175,.15);color:var(--text-muted);border:1px solid rgba(156,163,175,.2)}.skeleton{background:linear-gradient(90deg,var(--border-color) 25%,var(--bg-secondary) 50%,var(--border-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{height:1.5rem;width:70%;margin-bottom:.5rem}.skeleton-badge{height:1.5rem;width:4rem;border-radius:12px}.skeleton-description{height:3rem;width:100%;margin:.75rem 0}.skeleton-language-tag{height:1.5rem;width:3rem;border-radius:8px}.skeleton-tech-tag{height:1.5rem;width:4rem;border-radius:9999px;margin-right:.5rem}.skeleton-stat{height:1rem;width:5rem;margin-right:.75rem}.project-card.loading{opacity:.8}.project-error{display:flex;align-items:flex-start;gap:.5rem;margin:.75rem 0;padding:.75rem;background:rgba(239,68,68,.1);border-left:3px solid var(--accent-red);border-radius:6px;color:var(--accent-red)}.error-label{font-size:.75rem;color:#dc2626;font-weight:600;flex-shrink:0}.error-text{font-size:.75rem;color:#7f1d1d;line-height:1.4;word-break:break-word}.projects-container-desktop{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}.project-pair{display:flex;gap:2rem;width:100%;justify-content:center;align-items:stretch}.project-card-wrapper-desktop{width:100%;height:100%}.project-card-wrapper-desktop .project-card{width:100%;height:100%;max-width:none;min-width:300px}.projects-container-mobile{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}.project-card-wrapper-mobile{width:100%;display:flex;justify-content:center}.project-card-wrapper-mobile .project-card{width:100%;max-width:400px;min-width:unset}.projects-container-loading{display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;width:100%}.project-card-wrapper-loading{width:100%;display:flex;justify-content:center}.project-card-wrapper-loading .project-card{width:100%;max-width:400px}@media (max-width:1200px){.project-pair{gap:1.5rem}.project-card-wrapper-desktop .project-card{min-width:280px}}@media (max-width:768px){.projects-container-desktop{display:none}.projects-container-mobile{padding:.5rem;gap:.5rem}.projects-container-mobile .project-card{margin:0;min-width:unset;max-width:100%;padding:1.5rem}.project-card-wrapper-mobile{margin-bottom:1rem}}@media (min-width:769px){.projects-container-mobile{display:none}.projects-container-desktop{max-width:1200px;margin:0 auto}}.project-card-wrapper-desktop,.project-card-wrapper-mobile{transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.project-card-wrapper-desktop>*,.project-card-wrapper-mobile>*{transition:inherit}:root.dark .language-tag{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.4)}:root.dark .project-tech-tag{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4)}:root.dark .status-active{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.4)}:root.dark .status-archived{background:rgba(156,163,175,.2);border-color:rgba(156,163,175,.4)}:root.dark .stars-badge{background:rgba(251,191,36,.2);border-color:rgba(251,191,36,.4)}:root.dark .version-badge{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.4)}:root.dark .languages-label{color:var(--text-primary);font-weight:700}:root.dark .project-description{color:var(--text-secondary);font-weight:400}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow,background}[data-project-id]{transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (min-width:1200px){.projects-container{gap:1.5rem;padding:1.5rem}.project-card{max-width:420px}}@media (max-width:768px){.project-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.project-card:hover{transform:translateY(-4px)}}@media (max-width:480px){.projects-container{-webkit-overflow-scrolling:touch;scroll-padding:1rem}.project-card{scroll-snap-align:start}}.github-stats-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.stats-skeleton{width:100%;max-width:600px}.github-stats-error{text-align:center;padding:2rem;color:var(--text-secondary)}.github-stats-error .error-detail{font-size:.9rem;margin-top:.5rem;opacity:.7}.retry-button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.retry-button:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-2px)}.retry-button:disabled{opacity:.6;cursor:not-allowed}.stats-main-grid{display:grid;grid-template-columns:1fr 1fr 2fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;box-shadow:0 12px 15px -8px var(--card-shadow),0 15px 15px -10px var(--card-shadow);transform:scale(1) translateY(0) translateZ(0);will-change:transform,box-shadow,background;transition:transform .45s cubic-bezier(.33,1,.68,1),box-shadow .45s cubic-bezier(.33,1,.68,1),background-color .35s ease!important}.stat-box:hover{background:var(--card-bg);transform:scale(1.02) translateY(-4px) translateZ(0);box-shadow:0 15px 20px -9px var(--card-shadow),0 15px 25px -8px var(--card-shadow)}.stat-box-wide{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:center}.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-number{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.stat-number,[data-theme=light] .stat-number{color:var(--accent-primary)}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.contributions-detail{text-align:center}.contributions-title{font-size:1rem;color:var(--text-primary);font-weight:600;margin-bottom:1rem}.contributions-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.contribution-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.contribution-number{font-size:1.2rem;font-weight:600;color:var(--accent-primary)}.contribution-label{font-size:.8rem;color:var(--text-secondary)}.languages-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:0 12px 15px -8px var(--card-shadow),0 15px 15px -10px var(--card-shadow);transform:scale(1) translateY(0) translateZ(0);will-change:transform,box-shadow,background;transition:transform .45s cubic-bezier(.33,1,.68,1),box-shadow .45s cubic-bezier(.33,1,.68,1),background-color .35s ease!important}.languages-section:hover{background:var(--card-bg);transform:scale(1.02) translateY(-4px) translateZ(0);box-shadow:0 15px 20px -9px var(--card-shadow),0 15px 25px -8px var(--card-shadow)}.languages-title{font-size:1.3rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600;text-align:center}.languages-bar-container{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.language-bar-segment{height:100%;cursor:pointer;position:relative;animation:barGrowth .8s ease-out forwards;transform-origin:left;opacity:1;transform:scaleX(1) scaleY(1) translateZ(0);will-change:transform,opacity;transition:transform .35s cubic-bezier(.33,1,.68,1),opacity .3s ease!important}@keyframes barGrowth{0%{transform:scaleX(0) scaleY(1) translateZ(0)}to{transform:scaleX(1) scaleY(1) translateZ(0)}}.language-bar-segment:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.language-bar-segment:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.language-bar-segment.hovered,.language-bar-segment:hover{opacity:.8;transform:scaleX(1) scaleY(1.15) translateZ(0);z-index:1}.languages-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:hsla(0,0%,50%,.05);border:1px solid hsla(0,0%,50%,.15);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 4px rgba(0,0,0,.05);transform:translateY(0) scale(1) translateZ(0);will-change:transform,background,border-color,box-shadow;transition:transform .35s cubic-bezier(.33,1,.68,1),background-color .3s ease,border-color .3s ease,box-shadow .35s cubic-bezier(.33,1,.68,1)!important;cursor:pointer}[data-theme=dark] .legend-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.legend-item.hovered,.legend-item:hover{background:hsla(0,0%,50%,.12);border-color:hsla(0,0%,50%,.3);transform:translateY(-2px) scale(1.02) translateZ(0);box-shadow:0 4px 8px rgba(0,0,0,.1)}[data-theme=dark] .legend-item.hovered,[data-theme=dark] .legend-item:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-name{color:var(--text-primary);font-weight:500;font-size:.9rem}.legend-percentage{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin-left:.25rem}.languages-grid{gap:1rem}.language-item,.languages-grid{display:flex;flex-direction:column}.language-item{gap:.5rem}.language-info{display:flex;align-items:center;gap:.75rem}.language-color{width:12px;height:12px;border-radius:50%}.language-name{color:var(--text-primary);font-weight:500;flex:1 1}.language-percentage{color:var(--text-secondary);font-size:.9rem;font-weight:600}.language-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.language-progress{height:100%;border-radius:3px;transition:width .8s ease}.skeleton-box{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-stat{height:2rem;width:4rem;background:hsla(0,0%,50%,.15);border-radius:8px;margin-bottom:.5rem}[data-theme=dark] .skeleton-stat{background:hsla(0,0%,100%,.1)}.skeleton-contribution-number{display:inline-block;height:1.2rem;width:3rem;background:hsla(0,0%,50%,.15);border-radius:4px}[data-theme=dark] .skeleton-contribution-number{background:hsla(0,0%,100%,.1)}.skeleton-bar{height:12px;background:hsla(0,0%,50%,.15);border-radius:6px;margin-bottom:1.5rem}[data-theme=dark] .skeleton-bar{background:hsla(0,0%,100%,.1)}.skeleton-legend{height:40px;background:transparent}@media (max-width:1024px){.stats-main-grid{grid-template-columns:1fr 1fr}.stat-box-wide{grid-column:1/-1}}@media (max-width:768px){.github-stats-section{padding:3rem 0}.github-stats-section .section-title{font-size:2rem}.stats-main-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-box-wide{grid-column:1/-1}.stat-box{padding:1.25rem}.stat-box-wide{grid-template-columns:1fr;gap:1rem}.stat-number{font-size:1.5rem}.languages-section{padding:1.5rem}.contributions-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.contribution-number{font-size:1rem}.contribution-label{font-size:.7rem}}@media (max-width:600px){.stats-main-grid{grid-template-columns:1fr;gap:1rem}.stat-box-wide{grid-column:1}}@media (max-width:480px){.stats-main-grid{gap:.75rem}.languages-section,.stat-box{padding:1rem}.contributions-grid{grid-template-columns:repeat(2,1fr)}}.hobbies-container{display:flex;flex-direction:column;gap:6rem;overflow:hidden;width:100%;position:relative;padding:4rem 0}.hobbies-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;align-items:center}.hobbies-with-images-section{display:flex;flex-direction:column;gap:0;max-width:1200px;margin:0 auto;width:100%;padding:0 3rem;overflow:visible}.hobby-card-with-image{width:100%;margin-bottom:clamp(6rem,15vh,12rem)}.hobby-card-with-image.tall-card{margin-bottom:50vh}.hobby-card-with-image:last-child{margin-bottom:clamp(2rem,5vh,4rem)}.hobby-card-with-image.tall-card:last-child{margin-bottom:clamp(3rem,20vh,6rem)}.hobby-card-with-image:first-child .hobby-card{animation-delay:.2s}.hobby-card-with-image:nth-child(2) .hobby-card{animation-delay:.4s}.hobby-card-with-image:nth-child(3) .hobby-card{animation-delay:.6s}.hobby-card-with-image:nth-child(4) .hobby-card{animation-delay:.8s}.hobby-card-with-image:nth-child(5) .hobby-card{animation-delay:1s}.hobby-card{position:relative;min-height:400px;height:auto;width:100%;max-width:calc(100% - 2rem);margin:0 auto;border-radius:24px;overflow:hidden;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 20px 40px rgba(0,0,0,.1);will-change:transform,box-shadow,background;transform:translateZ(0);opacity:0;animation:fadeInUpWithOpacity 1.2s cubic-bezier(.23,1,.32,1) forwards;display:flex;flex-direction:column}@keyframes fadeInUpWithOpacity{0%{opacity:0;transform:translateY(50px)}50%{opacity:.5;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.hobby-background-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.background-img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1) translateZ(0);will-change:transform}.image-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:flex-start;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:.8;background:linear-gradient(to right,var(--hobby-gradient-start) 0,var(--hobby-gradient-middle) 30%,var(--hobby-gradient-end) 50%,transparent 90%)}.card-right .image-gradient-overlay{background:linear-gradient(to left,var(--hobby-gradient-start) 0,var(--hobby-gradient-middle) 30%,var(--hobby-gradient-end) 50%,transparent 60%)}.hobby-content-area{position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-start;padding:3rem;flex-grow:1}.hobby-card.card-right .hobby-content-area{justify-content:flex-end}.hobby-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;text-align:left;max-width:50%;padding-left:1rem}.hobby-card.card-right .hobby-text-content{align-items:flex-end;text-align:right;padding-right:1rem;padding-left:0}.hobby-emoji-large{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:scale(1) rotate(0deg) translateZ(0);will-change:transform,filter}.hobby-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.1);margin:0;transform:translateY(0) translateZ(0);will-change:transform,text-shadow,color}.hobbies-without-images-section{max-width:1200px;margin:2rem auto 0;padding:0 4rem;overflow:visible}.simple-hobbies-grid{display:flex;flex-wrap:wrap;gap:2rem;width:100%}.hobby-card-without-image{flex:1 1 200px;min-width:200px}.hobby-card-without-image:first-child .hobby-item-simple{animation-delay:.1s}.hobby-card-without-image:nth-child(2) .hobby-item-simple{animation-delay:.2s}.hobby-card-without-image:nth-child(3) .hobby-item-simple{animation-delay:.3s}.hobby-card-without-image:nth-child(4) .hobby-item-simple{animation-delay:.4s}.hobby-card-without-image:nth-child(5) .hobby-item-simple{animation-delay:.5s}.hobby-card-without-image:nth-child(6) .hobby-item-simple{animation-delay:.6s}.hobby-item-simple{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-radius:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 4px 12px rgba(0,0,0,.1);will-change:transform,box-shadow,background;transform:translateY(40px) scale(1) translateZ(0);animation:fadeInUpSimple 1s cubic-bezier(.23,1,.32,1) forwards}@keyframes fadeInUpSimple{0%{opacity:0;transform:translateY(40px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.hobby-emoji-simple{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transform:scale(1) rotate(0deg) translateZ(0);will-change:transform,filter}.hobby-label-simple{font-size:1.1rem;font-weight:600;color:var(--text-primary);transform:translateX(0) translateZ(0);will-change:transform,color}html.theme-loaded .hobby-card,html.theme-loaded .hobby-item-simple{transition:transform .65s cubic-bezier(.22,.61,.36,1),box-shadow .65s cubic-bezier(.22,.61,.36,1),background .6s ease!important}html.theme-loaded .background-img{transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .6s ease!important}html.theme-loaded .hobby-background-image{transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .6s ease!important}html.theme-loaded .image-gradient-overlay{transition:opacity .7s ease,-webkit-backdrop-filter .7s ease!important;transition:opacity .7s ease,backdrop-filter .7s ease!important;transition:opacity .7s ease,backdrop-filter .7s ease,-webkit-backdrop-filter .7s ease!important}html.theme-loaded .hobby-content-area{transition:background .8s cubic-bezier(.22,.61,.36,1)!important}html.theme-loaded .hobby-text-content{transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .6s ease!important}html.theme-loaded .hobby-emoji-large,html.theme-loaded .hobby-emoji-simple{transition:transform .6s cubic-bezier(.22,.61,.36,1),filter .6s cubic-bezier(.22,.61,.36,1)!important}html.theme-loaded .hobby-title{transition:transform .55s cubic-bezier(.22,.61,.36,1),text-shadow .55s cubic-bezier(.22,.61,.36,1),color .5s ease!important}html.theme-loaded .hobby-label-simple{transition:color .5s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)!important}.hobby-card:hover{box-shadow:0 30px 60px rgba(0,0,0,.15)!important;background:var(--card-bg)!important}.hobby-card:hover .background-img{transform:scale(1.08) translateZ(0)!important}.hobby-card:hover .hobby-background-image{transform:scale(1.01)!important}.hobby-card:hover .image-gradient-overlay{opacity:1!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hobby-card:hover .hobby-emoji-large{transform:scale(1.2) rotate(5deg) translateZ(0)!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))!important}.hobby-card:hover .hobby-title{transform:translateY(-5px) translateZ(0)!important;text-shadow:0 10px 20px rgba(0,0,0,.35)!important}.hobby-item-simple:hover{transform:translateY(-8px) scale(1.03)!important;box-shadow:0 12px 24px rgba(0,0,0,.2)!important;background:var(--card-bg)!important}.hobby-item-simple:hover .hobby-emoji-simple{transform:scale(1.25) rotate(6deg) translateZ(0)!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.28))!important}.hobby-item-simple:hover .hobby-label-simple{transform:translateX(5px) translateZ(0)!important;color:var(--text-accent)!important}@media (max-width:768px){.hobbies-with-images-section{padding:0 1rem}.hobby-card-with-image{margin-bottom:clamp(4rem,12vh,8rem)}.hobby-card-with-image.tall-card{margin-bottom:clamp(6rem,16vh,12rem)}.hobby-card-with-image:last-child{margin-bottom:clamp(1.5rem,4vh,3rem)}.hobby-card-with-image.tall-card:last-child{margin-bottom:20vh}.hobbies-without-images-section{padding:0 2rem;margin-bottom:0}.hobby-card{min-height:350px}.hobby-content-area{padding:2rem}.hobby-text-content{max-width:80%}.hobby-emoji-large{font-size:3rem}.hobby-title{font-size:1.8rem}.simple-hobbies-grid{gap:1.5rem}.hobby-card-without-image{flex-basis:calc(50% - 0.75rem);min-width:0}.hobby-item-simple{padding:1rem 1.5rem}.hobby-emoji-simple{font-size:1.5rem}.hobby-label-simple{font-size:1rem}}@media (max-width:480px){.hobbies-with-images-section{padding:0 .5rem}.hobby-card-with-image{margin-bottom:clamp(3rem,10vh,6rem)}.hobby-card-with-image.tall-card{margin-bottom:clamp(5rem,14vh,10rem)}.hobby-card-with-image:last-child{margin-bottom:clamp(1rem,3vh,2rem)}.hobby-card-with-image.tall-card:last-child{margin-bottom:clamp(1.5rem,4vh,3rem)}.hobbies-without-images-section{padding:0 1.5rem;margin-bottom:0}.hobby-card{min-height:300px}.hobby-content-area{padding:1.5rem}.hobby-emoji-large{font-size:2.5rem}.hobby-title{font-size:1.5rem}.simple-hobbies-grid{gap:1rem}.hobby-card-without-image{flex-basis:100%}}.footer{width:100%;padding:2rem 1rem;border-top:1px solid var(--border-color);background:var(--footer-bg)}.footer-content{max-width:64rem;margin:auto;display:flex;flex-direction:column;gap:1.5rem}.footer-records{margin:auto;gap:.75rem}.footer-links,.footer-records,.footer-tech{justify-content:center;display:flex;color:var(--text-secondary)}.footer-links,.footer-tech{flex-wrap:wrap;gap:1.5rem}.footer-tech{gap:1rem;align-items:center}.footer-link{display:flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--text-primary)}.footer-tech-item{display:flex;align-items:center;gap:.25rem}.footer-tech-item:hover{color:var(--text-primary)}.footer-icon-container{display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-origin:center}.footer-link:hover .footer-icon-container,.footer-tech-item:hover .footer-icon-container{transform:rotate(1turn)}.footer-link .footer-icon-container,.footer-tech-item .footer-icon-container{transition:transform .6s cubic-bezier(.4,0,.2,1)}.page-header{text-align:center;margin-bottom:4rem}.search-container{max-width:32rem;margin:0 auto;position:relative}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.4);border-radius:16px;outline:none;color:#1f2937;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s;font-size:1rem}.search-input:focus{box-shadow:0 0 0 4px rgba(59,130,246,.3);border-color:rgba(59,130,246,.5)}.search-input:focus,.search-input:hover{background:hsla(0,0%,100%,.8)}.search-input::placeholder{color:#6b7280}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;width:1.5rem;height:1.5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;width:100%}.files-list{display:flex;flex-direction:column;gap:1.5rem}.file-item{border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.2);transition:all .3s;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.file-item:hover{background:hsla(0,0%,100%,.6);transform:translateY(-4px)}.file-content{justify-content:space-between;padding:1.5rem;width:100%}.file-content,.file-info{display:flex;align-items:center}.file-info{gap:1.5rem}.file-icon-container{font-size:1.875rem}.file-icon-red{color:#ef4444}.file-icon-green{color:#22c55e}.file-icon-purple{color:#a855f7}.file-icon-blue{color:#3b82f6}.file-icon-yellow{color:#eab308}.file-details{flex:1 1}.file-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.file-description{color:#6b7280;font-size:.875rem}.file-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.file-size{color:#6b7280}.download-button,.file-size{font-size:.875rem;font-weight:500}.download-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.download-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 4px 8px rgba(59,130,246,.3)}.error-state,.loading-state{text-align:center;padding:2rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--glass-border);border:4px solid var(--glass-border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-animate{animation:pulse 2s infinite}.skeleton-title{height:2rem;background-color:#e5e7eb;border-radius:4px;width:33%;margin:0 auto 2rem}.skeleton-content{display:flex;flex-direction:column;gap:1rem}.skeleton-line{height:1rem;background-color:#e5e7eb;border-radius:4px}.skeleton-line-long{width:75%}.skeleton-line-medium{width:50%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.no-results{text-align:center;color:#6b7280;margin-top:4rem}.no-results-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:2rem;max-width:28rem;margin:0 auto}.no-results-text{font-size:1.125rem}.blog-placeholder{text-align:center;padding:2rem}.blog-placeholder-text{color:#6b7280}@media (max-width:768px){.tools-grid{grid-template-columns:1fr;gap:1.5rem}.search-container{max-width:100%}.search-input{padding:.875rem .875rem .875rem 2.75rem;font-size:.875rem}.search-icon{left:.875rem;width:1.25rem;height:1.25rem}.file-content{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.file-meta{align-items:flex-start;width:100%}}@media (max-width:480px){.page-header{margin-bottom:2rem}.files-list{gap:1rem}.file-item{border-radius:12px}.file-content{padding:.875rem}.file-icon-container{font-size:1.5rem}.download-button{padding:.4rem .75rem;font-size:.8125rem}}