:root{--mobile-sm:320px;--mobile:480px;--tablet:768px;--laptop:1024px;--desktop:1280px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--transition-fast:0.2s;--transition-medium:0.3s;--transition-slow:0.5s;--safe-bottom:env(safe-area-inset-bottom,0)}@media (max-width:1024px){.container{padding:0 var(--space-md)}.sidebar{width:280px}.main-content{margin-left:280px}.article-title{font-size:1.8rem}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:85%;max-width:320px;position:fixed;z-index:1000;top:0;left:0;height:100%;box-shadow:0 0 20px rgba(0,0,0,0.2);transition:transform var(--transition-medium) ease,box-shadow var(--transition-medium) ease}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;width:100%;padding-bottom:calc(60px + var(--safe-bottom))}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:999;transition:opacity var(--transition-medium) ease;opacity:0;backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block;opacity:1}.mobile-menu-toggle{display:block;position:fixed;top:15px;right:15px;z-index:100;background-color:var(--card-bg);border:none;border-radius:50%;width:44px;height:44px;font-size:1.5rem;color:var(--text-color);box-shadow:0 2px 10px rgba(0,0,0,0.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-medium) ease,color var(--transition-medium) ease,transform var(--transition-fast) ease}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus{background-color:var(--accent-color);color:white}.mobile-menu-toggle:active{transform:scale(0.95)}.bottom-navbar{display:flex;position:fixed;bottom:0;left:0;width:100%;background-color:var(--card-bg);box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:90;transition:transform var(--transition-medium) ease;padding-bottom:var(--safe-bottom)}.bottom-navbar .navbar-list{display:flex;width:100%;margin:0;padding:0;list-style:none;justify-content:space-around}.bottom-navbar .navbar-item{flex:1;text-align:center}.bottom-navbar .navbar-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px;color:var(--text-color);text-decoration:none;font-size:0.75rem;transition:color var(--transition-medium) ease}.bottom-navbar .navbar-link i{font-size:1.25rem;margin-bottom:4px}.bottom-navbar .navbar-link.active{color:var(--accent-color)}.bottom-navbar .nav-indicator{bottom:0;top:auto;height:3px;width:20px!important;border-radius:0}.more-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;color:var(--text-color);font-size:0.75rem;padding:10px 5px;cursor:pointer;width:100%}.more-button i{font-size:1.25rem;margin-bottom:4px}.mobile-more-menu{display:none;position:fixed;bottom:calc(60px + var(--safe-bottom));left:0;width:100%;background-color:var(--card-bg);box-shadow:0 -5px 15px rgba(0,0,0,0.1);border-top-left-radius:16px;border-top-right-radius:16px;z-index:80;padding:20px 0;transform:translateY(100%);transition:transform var(--transition-medium) ease}.mobile-more-menu.active{display:block;transform:translateY(0)}.mobile-more-list{list-style:none;padding:0 20px;margin:0}.mobile-more-item{margin-bottom:10px}.mobile-more-link{display:flex;align-items:center;padding:12px 15px;border-radius:8px;color:var(--text-color);text-decoration:none;transition:background-color var(--transition-fast) ease}.mobile-more-link:hover,.mobile-more-link:focus{background-color:rgba(0,0,0,0.05)}.mobile-more-link i{font-size:1.25rem;margin-right:15px;color:var(--accent-color)}.mobile-more-link.active{background-color:rgba(var(--accent-color-rgb),0.1);color:var(--accent-color)}.close-more-menu{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-grid,.project-list,.certificate-list,.blog-posts-list{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.h1,h1{font-size:1.75rem}.h2,h2{font-size:1.5rem}.h3,h3{font-size:1.25rem}.input-wrapper{flex-direction:column;gap:var(--space-md)}.contributions-modal,.news-modal{width:95%;max-height:80vh;padding:var(--space-md)}.modal-buttons{padding:var(--space-md)}.back-to-top{position:fixed;bottom:calc(70px + var(--safe-bottom));right:20px;width:40px;height:40px;background-color:var(--accent-color);color:white;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity var(--transition-medium) ease,transform var(--transition-medium) ease;z-index:80;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.back-to-top.visible{opacity:1;transform:translateY(0)}}@media (max-width:480px){.container{padding:0 var(--space-sm)}.article-title{font-size:1.5rem;margin-bottom:var(--space-md)}.card-grid,.project-list,.certificate-list,.blog-posts-list{grid-template-columns:1fr;gap:var(--space-md)}.project-item,.certificate-item{display:block}.project-img,.certificate-img{height:180px}.project-links,.certificate-links{flex-direction:column;gap:var(--space-sm)}.project-btn,.certificate-btn,.form-btn{padding:8px 12px;font-size:0.875rem}.timeline-list::before{left:20px}.timeline-item{padding-left:40px}.timeline-item::before{left:11px}#skills-visualization{height:300px}}@media (hover:none){.has-scrollbar{-webkit-overflow-scrolling:touch;scrollbar-width:none}.has-scrollbar::-webkit-scrollbar{display:none}.horizontal-scroller{scroll-snap-type:x mandatory;scroll-behavior:smooth}.horizontal-scroller>*{scroll-snap-align:start}html,body{overscroll-behavior-y:contain}a,button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],select,summary{padding:8px;margin:2px}input,select,textarea{font-size:16px;padding:12px}.navbar-link:hover,.project-item:hover,.certificate-item:hover,.filter-item button:hover{transform:none}.navbar-link:active,.project-item:active,.certificate-item:active,.filter-item button:active{opacity:0.7}}.status-toast{position:fixed;bottom:calc(70px + var(--safe-bottom));left:50%;transform:translateX(-50%) translateY(100px);background-color:var(--card-bg);color:var(--text-color);padding:10px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000;opacity:0;transition:transform var(--transition-medium) ease,opacity var(--transition-medium) ease;display:flex;align-items:center;max-width:90%;width:auto}.status-toast.active{transform:translateX(-50%) translateY(0);opacity:1}.status-toast-content{display:flex;align-items:center;gap:10px}.status-toast i{font-size:1.5rem}.online-toast i{color:#4CAF50}.offline-toast i,.error-toast i{color:#F44336}.htmx-indicator{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 0.7s linear infinite;margin-right:8px;vertical-align:middle}.error-state{text-align:center;padding:30px 20px;margin:20px 0;border-radius:8px;background-color:var(--card-bg);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.error-icon{font-size:3rem;color:var(--error-color);margin-bottom:15px}.retry-button{background-color:var(--accent-color);color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;cursor:pointer;transition:background-color var(--transition-medium) ease}.retry-button:hover,.retry-button:focus{background-color:var(--accent-color-darker)}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background-color:transparent;z-index:80}.reading-progress{height:100%;background-color:var(--accent-color);width:0;transition:width 0.1s ease}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.spinner,.htmx-indicator{animation:none!important;border:2px solid var(--accent-color)!important}}@media print{.sidebar,.navbar,.bottom-navbar,.filter-list,.contact-form button,.mobile-menu-toggle,.back-to-top{display:none!important}.main-content{margin:0!important;padding:0!important}.resume-section{page-break-inside:avoid}body{background-color:white!important;color:black!important}@page{margin:2cm}}:root{--mobile-sm:320px;--mobile:480px;--tablet:768px;--laptop:1024px;--desktop:1280px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--transition-fast:0.2s;--transition-medium:0.3s;--transition-slow:0.5s;--safe-bottom:env(safe-area-inset-bottom,0)}@media (max-width:1024px){.container{padding:0 var(--space-md)}.sidebar{width:280px}.main-content{margin-left:280px}.article-title{font-size:1.8rem}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:85%;max-width:320px;position:fixed;z-index:1000;top:0;left:0;height:100%;box-shadow:0 0 20px rgba(0,0,0,0.2);transition:transform var(--transition-medium) ease,box-shadow var(--transition-medium) ease}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;width:100%;padding-bottom:calc(60px + var(--safe-bottom))}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:999;transition:opacity var(--transition-medium) ease;opacity:0;backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block;opacity:1}.mobile-menu-toggle{display:block;position:fixed;top:15px;right:15px;z-index:100;background-color:var(--card-bg);border:none;border-radius:50%;width:44px;height:44px;font-size:1.5rem;color:var(--text-color);box-shadow:0 2px 10px rgba(0,0,0,0.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-medium) ease,color var(--transition-medium) ease,transform var(--transition-fast) ease}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus{background-color:var(--accent-color);color:white}.mobile-menu-toggle:active{transform:scale(0.95)}.bottom-navbar{display:flex;position:fixed;bottom:0;left:0;width:100%;background-color:var(--card-bg);box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:90;transition:transform var(--transition-medium) ease;padding-bottom:var(--safe-bottom)}.bottom-navbar .navbar-list{display:flex;width:100%;margin:0;padding:0;list-style:none;justify-content:space-around}.bottom-navbar .navbar-item{flex:1;text-align:center}.bottom-navbar .navbar-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px;color:var(--text-color);text-decoration:none;font-size:0.75rem;transition:color var(--transition-medium) ease}.bottom-navbar .navbar-link i{font-size:1.25rem;margin-bottom:4px}.bottom-navbar .navbar-link.active{color:var(--accent-color)}.bottom-navbar .nav-indicator{bottom:0;top:auto;height:3px;width:20px!important;border-radius:0}.more-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;color:var(--text-color);font-size:0.75rem;padding:10px 5px;cursor:pointer;width:100%}.more-button i{font-size:1.25rem;margin-bottom:4px}.mobile-more-menu{display:none;position:fixed;bottom:calc(60px + var(--safe-bottom));left:0;width:100%;background-color:var(--card-bg);box-shadow:0 -5px 15px rgba(0,0,0,0.1);border-top-left-radius:16px;border-top-right-radius:16px;z-index:80;padding:20px 0;transform:translateY(100%);transition:transform var(--transition-medium) ease}.mobile-more-menu.active{display:block;transform:translateY(0)}.mobile-more-list{list-style:none;padding:0 20px;margin:0}.mobile-more-item{margin-bottom:10px}.mobile-more-link{display:flex;align-items:center;padding:12px 15px;border-radius:8px;color:var(--text-color);text-decoration:none;transition:background-color var(--transition-fast) ease}.mobile-more-link:hover,.mobile-more-link:focus{background-color:rgba(0,0,0,0.05)}.mobile-more-link i{font-size:1.25rem;margin-right:15px;color:var(--accent-color)}.mobile-more-link.active{background-color:rgba(var(--accent-color-rgb),0.1);color:var(--accent-color)}.close-more-menu{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-grid,.project-list,.certificate-list,.blog-posts-list{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.h1,h1{font-size:1.75rem}.h2,h2{font-size:1.5rem}.h3,h3{font-size:1.25rem}.input-wrapper{flex-direction:column;gap:var(--space-md)}.contributions-modal,.news-modal{width:95%;max-height:80vh;padding:var(--space-md)}.modal-buttons{padding:var(--space-md)}.back-to-top{position:fixed;bottom:calc(70px + var(--safe-bottom));right:20px;width:40px;height:40px;background-color:var(--accent-color);color:white;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity var(--transition-medium) ease,transform var(--transition-medium) ease;z-index:80;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.back-to-top.visible{opacity:1;transform:translateY(0)}}@media (max-width:480px){.container{padding:0 var(--space-sm)}.article-title{font-size:1.5rem;margin-bottom:var(--space-md)}.card-grid,.project-list,.certificate-list,.blog-posts-list{grid-template-columns:1fr;gap:var(--space-md)}.project-item,.certificate-item{display:block}.project-img,.certificate-img{height:180px}.project-links,.certificate-links{flex-direction:column;gap:var(--space-sm)}.project-btn,.certificate-btn,.form-btn{padding:8px 12px;font-size:0.875rem}.timeline-list::before{left:20px}.timeline-item{padding-left:40px}.timeline-item::before{left:11px}#skills-visualization{height:300px}}@media (hover:none){.has-scrollbar{-webkit-overflow-scrolling:touch;scrollbar-width:none}.has-scrollbar::-webkit-scrollbar{display:none}.horizontal-scroller{scroll-snap-type:x mandatory;scroll-behavior:smooth}.horizontal-scroller>*{scroll-snap-align:start}html,body{overscroll-behavior-y:contain}a,button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],select,summary{padding:8px;margin:2px}input,select,textarea{font-size:16px;padding:12px}.navbar-link:hover,.project-item:hover,.certificate-item:hover,.filter-item button:hover{transform:none}.navbar-link:active,.project-item:active,.certificate-item:active,.filter-item button:active{opacity:0.7}}.status-toast{position:fixed;bottom:calc(70px + var(--safe-bottom));left:50%;transform:translateX(-50%) translateY(100px);background-color:var(--card-bg);color:var(--text-color);padding:10px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000;opacity:0;transition:transform var(--transition-medium) ease,opacity var(--transition-medium) ease;display:flex;align-items:center;max-width:90%;width:auto}.status-toast.active{transform:translateX(-50%) translateY(0);opacity:1}.status-toast-content{display:flex;align-items:center;gap:10px}.status-toast i{font-size:1.5rem}.online-toast i{color:#4CAF50}.offline-toast i,.error-toast i{color:#F44336}.htmx-indicator{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 0.7s linear infinite;margin-right:8px;vertical-align:middle}.error-state{text-align:center;padding:30px 20px;margin:20px 0;border-radius:8px;background-color:var(--card-bg);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.error-icon{font-size:3rem;color:var(--error-color);margin-bottom:15px}.retry-button{background-color:var(--accent-color);color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;cursor:pointer;transition:background-color var(--transition-medium) ease}.retry-button:hover,.retry-button:focus{background-color:var(--accent-color-darker)}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background-color:transparent;z-index:80}.reading-progress{height:100%;background-color:var(--accent-color);width:0;transition:width 0.1s ease}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.spinner,.htmx-indicator{animation:none!important;border:2px solid var(--accent-color)!important}}@media print{.sidebar,.navbar,.bottom-navbar,.filter-list,.contact-form button,.mobile-menu-toggle,.back-to-top{display:none!important}.main-content{margin:0!important;padding:0!important}.resume-section{page-break-inside:avoid}body{background-color:white!important;color:black!important}@page{margin:2cm}}