:root{--primary-h: 207;--primary-s: 74%;--primary-l: 57%;--primary-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-hover: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 10%));--primary-light: hsl(var(--primary-h), calc(var(--primary-s) - 20%), calc(var(--primary-l) + 20%));--primary-dark: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 20%));--secondary-color: hsl(calc(var(--primary-h) + 180), calc(var(--primary-s) - 10%), calc(var(--primary-l) - 15%));--secondary-hover: hsl(calc(var(--primary-h) + 180), calc(var(--primary-s) - 10%), calc(var(--primary-l) - 25%));--secondary-light: hsl(calc(var(--primary-h) + 180), calc(var(--primary-s) - 20%), calc(var(--primary-l) + 10%));--secondary-dark: hsl(calc(var(--primary-h) + 180), var(--primary-s), calc(var(--primary-l) - 30%));--accent-color: hsl(calc(var(--primary-h) + 120), var(--primary-s), calc(var(--primary-l) + 5%));--accent-hover: hsl(calc(var(--primary-h) + 120), var(--primary-s), calc(var(--primary-l) - 10%));--accent-light: hsl(calc(var(--primary-h) + 120), calc(var(--primary-s) - 15%), calc(var(--primary-l) + 25%));--accent-dark: hsl(calc(var(--primary-h) + 120), var(--primary-s), calc(var(--primary-l) - 20%));--white: #ffffff;--black: #000000;--gray-50: #f8f9fa;--gray-100: #e9ecef;--gray-200: #dee2e6;--gray-300: #ced4da;--gray-400: #adb5bd;--gray-500: #6c757d;--gray-600: #495057;--gray-700: #343a40;--gray-800: #212529;--gray-900: #121416;--success-color: hsl(calc(var(--primary-h) + 30), calc(var(--primary-s) + 10%), calc(var(--primary-l) - 5%));--warning-color: hsl(calc(var(--primary-h) - 30), calc(var(--primary-s) + 15%), calc(var(--primary-l) + 10%));--error-color: hsl(calc(var(--primary-h) + 120), var(--primary-s), calc(var(--primary-l) + 5%));--info-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--bg-color: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, 0.95);--text-color: #2c3e50;--text-secondary: #6c757d;--text-muted: #adb5bd;--text-light: #ffffff;--text-inverse: #ffffff;--border-color: #dee2e6;--border-light: #e9ecef;--border-dark: #adb5bd;--border-focus: var(--primary-color);--shadow-light: rgba(0, 0, 0, 0.1);--shadow-medium: rgba(0, 0, 0, 0.15);--shadow-dark: rgba(0, 0, 0, 0.25);--shadow-elevated: rgba(0, 0, 0, 0.1);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-dark));--gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark));--gradient-accent: linear-gradient(135deg, var(--accent-color), var(--accent-dark));--transition-fast: 0.15s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease;--transition-theme: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-full: 9999px;--content-max-width: 875px;--site-max-width: 1125px;--max-width: 1125px;--nav-height: 6rem;--nav-height-mobile: 5.5rem;--nav-height-tablet: 5.75rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@media(max-width: 767px){:root{--content-max-width: calc(100% - 1rem);--site-max-width: 100%;--max-width: 100%}}@media(max-width: 480px){:root{--content-max-width: calc(100% - 0.5rem)}}@media(prefers-color-scheme: dark){:root:not([data-theme]){--bg-color: #181818;--bg-secondary: #242424;--bg-tertiary: #2a2a2a;--bg-elevated: #2a2a2a;--bg-overlay: rgba(24, 24, 24, 0.95);--card-bg: #242424;--card-bg-hover: #2a2a2a;--card-border: #404040;--text-color: #f5f5f5;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-inverse: #0f0f0f;--border-color: #404040;--border-light: #2a2a2a;--border-dark: #6b7280;--border-focus: var(--primary-color);--shadow-light: rgba(157, 157, 157, 0.1);--shadow-medium: rgba(157, 157, 157, 0.15);--shadow-dark: rgba(157, 157, 157, 0.25);--shadow-elevated: rgba(157, 157, 157, 0.08);--overlay-light: rgba(0, 0, 0, 0.1);--overlay-medium: rgba(0, 0, 0, 0.3);--overlay-dark: rgba(0, 0, 0, 0.7)}}html[data-theme=dark]{--bg-color: #181818;--bg-secondary: #242424;--bg-tertiary: #2a2a2a;--bg-elevated: #2a2a2a;--bg-overlay: rgba(24, 24, 24, 0.95);--card-bg: #242424;--card-bg-hover: #2a2a2a;--card-border: #404040;--text-color: #f5f5f5;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-inverse: #0f0f0f;--border-color: #404040;--border-light: #2a2a2a;--border-dark: #6b7280;--border-focus: var(--primary-color);--shadow-light: rgba(157, 157, 157, 0.1);--shadow-medium: rgba(157, 157, 157, 0.15);--shadow-dark: rgba(157, 157, 157, 0.25);--shadow-elevated: rgba(157, 157, 157, 0.08);--overlay-light: rgba(0, 0, 0, 0.1);--overlay-medium: rgba(0, 0, 0, 0.3);--overlay-dark: rgba(0, 0, 0, 0.7)}html[data-theme=light]{--bg-color: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, 0.95);--card-bg: #ffffff;--card-bg-hover: #f8f9fa;--card-border: #dee2e6;--text-color: #2c3e50;--text-secondary: #6c757d;--text-muted: #adb5bd;--text-inverse: #ffffff;--border-color: #dee2e6;--border-light: #e9ecef;--border-dark: #adb5bd;--border-focus: var(--primary-color);--shadow-light: rgba(0, 0, 0, 0.1);--shadow-medium: rgba(0, 0, 0, 0.15);--shadow-dark: rgba(0, 0, 0, 0.25);--shadow-elevated: rgba(0, 0, 0, 0.1);--overlay-light: rgba(0, 0, 0, 0.1);--overlay-medium: rgba(0, 0, 0, 0.3);--overlay-dark: rgba(0, 0, 0, 0.7)}@media(prefers-contrast: high){html[data-theme=dark]{--bg-color: #000000;--text-color: #ffffff;--border-color: #ffffff}html[data-theme=light]{--bg-color: #ffffff;--text-color: #000000;--border-color: #000000}}@supports not (--css: variables){:root{background-color:#fff;color:#2c3e50}.dark-mode{background-color:#0f0f0f;color:#f5f5f5}}.text-primary{color:var(--primary-color) !important}.text-secondary{color:var(--secondary-color) !important}.text-accent{color:var(--accent-color) !important}.text-success{color:var(--success-color) !important}.text-warning{color:var(--warning-color) !important}.text-error{color:var(--error-color) !important}.text-muted{color:var(--text-muted) !important}.bg-primary{background-color:var(--primary-color) !important}.bg-secondary{background-color:var(--secondary-color) !important}.bg-accent{background-color:var(--accent-color) !important}.bg-success{background-color:var(--success-color) !important}.bg-warning{background-color:var(--warning-color) !important}.bg-error{background-color:var(--error-color) !important}.border-primary{border-color:var(--primary-color) !important}.border-secondary{border-color:var(--secondary-color) !important}.border-accent{border-color:var(--accent-color) !important}.gradient-primary{background:var(--gradient-primary)}.gradient-secondary{background:var(--gradient-secondary)}.gradient-accent{background:var(--gradient-accent)}.hover-primary:hover{color:var(--primary-color);transition:color var(--transition-fast)}.hover-bg-primary:hover{background-color:var(--primary-color);transition:background-color var(--transition-fast)}.hover-scale:hover{transform:scale(1.05);transition:transform var(--transition-fast)}.hover-shadow:hover{box-shadow:0 4px 12px var(--shadow-dark);transition:box-shadow var(--transition-fast)}.focus-primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.focus-ring:focus{box-shadow:0 0 0 3px rgba(52,152,219,.25)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 3px var(--shadow-light)}.shadow-md{box-shadow:0 4px 6px var(--shadow-light)}.shadow-lg{box-shadow:0 10px 15px var(--shadow-medium)}.shadow-xl{box-shadow:0 20px 25px var(--shadow-dark)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Lato",Verdana,Helvetica,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-color, #2c3e50);background-color:var(--bg-color, #ffffff);transition:color .3s ease,background-color .3s ease;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;max-width:var(--max-width, 1125px);margin:0 auto;padding:var(--nav-height, 6rem) 1rem 0}.main-content{flex:1}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3;margin-bottom:.75rem;margin-top:1.5rem;color:var(--text-color, #2c3e50)}h1{font-size:1.8rem;margin-top:0;font-weight:300}h2{font-size:1.4rem}h3{font-size:1.2rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.95rem}p{margin-bottom:.75rem;color:var(--text-color, #2c3e50);line-height:1.5}a{color:var(--primary-color, #3498db);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color, #e74c3c)}ul,ol{margin-bottom:1rem;padding-left:2rem}li{margin-bottom:.5rem}code{font-family:var(--font-family, "JetBrains Mono", Monaco, "Lucida Console", monospace);font-size:.875rem;background-color:var(--border-color, #ecf0f1);padding:.125rem .25rem;border-radius:.25rem;color:var(--accent-color, #e74c3c)}pre{background-color:var(--border-color, #ecf0f1);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}pre code{background:none;padding:0;color:var(--text-color, #2c3e50)}blockquote{border-left:4px solid var(--primary-color, #3498db);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--light-text-color, #7f8c8d)}table{width:100%;border-collapse:collapse;margin-bottom:1rem}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color, #ecf0f1)}th{font-weight:600;background-color:var(--border-color, #ecf0f1)}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;padding:0}.container{max-width:var(--max-width, 1125px);margin:0 auto;padding:0 1rem}@media(min-width: 768px){.container{padding:0 2rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideInUp .5s ease-out}.animate-slide-left{animation:slideInLeft .5s ease-out}@media(max-width: 767px){.page-wrapper{padding:var(--nav-height-mobile, 5.5rem) .5rem 0;max-width:100%}body{font-size:.85rem;overflow-x:hidden}.container{padding:0 .5rem;max-width:100%}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem}h5{font-size:.95rem}h6{font-size:.9rem}p{margin-bottom:.6rem}}@media(max-width: 480px){.page-wrapper{padding:var(--nav-height-mobile, 5.5rem) .25rem 0}.container{padding:0 .25rem}}@media(min-width: 768px)and (max-width: 1023px){.page-wrapper{padding:var(--nav-height-tablet, 5.75rem) 1.5rem 0}}@media(min-width: 1024px){.page-wrapper{padding:var(--nav-height, 6rem) 2rem 0}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background-color:var(--primary-color);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.3)}.btn.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.3)}.btn.btn-outline{background-color:rgba(0,0,0,0);color:var(--primary-color);border:2px solid var(--primary-color)}.btn.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.btn.btn-ghost{background-color:rgba(0,0,0,0);color:var(--text-color)}.btn.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary)}.btn.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card,.tech-bite-card{background-color:var(--bg-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);box-sizing:border-box;width:100%}.card:hover,.tech-bite-card:hover{box-shadow:0 8px 25px var(--shadow-light);transform:translateY(-2px)}.card .card-header,.tech-bite-card .card-header{padding:1rem 1.5rem 0}.card .card-body,.tech-bite-card .card-body{padding:1rem 1.5rem}.card .card-footer,.tech-bite-card .card-footer{padding:0 1.5rem 1.5rem}.card-container{display:flex;flex-direction:column;gap:1.5rem}@media(max-width: 767px){.card-container{gap:1rem}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}@media(max-width: 767px){.card-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width: 480px){.card-grid{grid-template-columns:1fr;gap:.75rem}}.tech-bite-card{border:1px solid var(--border-color);padding:.5rem .75rem;margin-bottom:1.5rem;text-align:left}.tech-bite-card:last-child{margin-bottom:0}.tech-bite-card .card-title{margin-bottom:.25rem;border:none}.tech-bite-card .card-title a{color:var(--text-color);text-decoration:none;font-size:1.1rem;font-weight:400}.tech-bite-card .card-title a:hover{color:var(--primary-color)}.tech-bite-card .card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.3rem;font-size:.8rem;color:var(--text-secondary);border:none}.tech-bite-card .card-excerpt{color:var(--text-secondary);line-height:1.4;margin-bottom:.3rem;font-size:.9rem;border:none}.tech-bite-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem;padding-top:.3rem;border:none;border-top:none;border-bottom:none}.tech-bite-card .card-footer .read-more{color:var(--primary-color);font-weight:400;text-decoration:none;font-size:.9rem}.tech-bite-card .card-footer .read-more:hover{color:var(--primary-hover)}.tech-bite-card .card-footer .reading-time{font-size:.8rem;color:var(--text-muted)}.site-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--bg-color);border-bottom:1px solid var(--border-light);padding:1rem 0}.site-navigation .nav-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--site-max-width);margin:0 auto;padding:0 1rem;position:relative}.site-navigation .nav-path{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.site-navigation .nav-path .nav-home{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);font-weight:500}.site-navigation .nav-path .nav-home:hover{color:var(--primary-color);text-decoration:underline}.site-navigation .nav-path .nav-home:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.site-navigation .nav-path .nav-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);font-weight:500}.site-navigation .nav-path .nav-link:hover{color:var(--primary-color);text-decoration:underline}.site-navigation .nav-path .nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.site-navigation .nav-path .nav-separator{color:var(--text-muted);font-weight:300;user-select:none}.site-navigation .nav-path .nav-current{color:var(--text-color);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-navigation .theme-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:0;margin:0;outline:none;cursor:pointer;min-width:44px;min-height:44px}.site-navigation .theme-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.site-navigation .theme-toggle:active{transform:translate(-50%, -50%) scale(0.95)}.site-navigation .theme-toggle:focus{outline:none}.site-navigation .theme-toggle:active{outline:none}.site-navigation .theme-toggle .theme-toggle-track{width:3rem;height:1.5rem;background-color:var(--bg-secondary);border-radius:1rem;position:relative;box-shadow:inset 2px 2px 4px var(--shadow-light),inset -2px -2px 4px var(--overlay-light)}.site-navigation .theme-toggle .theme-toggle-slider{width:1.25rem;height:1.25rem;background-color:var(--bg-color);border-radius:50%;position:absolute;top:.125rem;left:.125rem;box-shadow:2px 2px 4px var(--shadow-light),-1px -1px 2px var(--overlay-light);display:flex;align-items:center;justify-content:center}.site-navigation .theme-toggle .theme-toggle-icon{position:absolute;font-size:.7rem}.site-navigation .theme-toggle .theme-toggle-icon.theme-toggle-sun{opacity:1;color:var(--text-secondary)}.site-navigation .theme-toggle .theme-toggle-icon.theme-toggle-moon{opacity:0;color:var(--text-color)}html[data-theme=dark] .site-navigation .theme-toggle .theme-toggle-track{background-color:var(--bg-tertiary)}html[data-theme=dark] .site-navigation .theme-toggle .theme-toggle-slider{transform:translateX(1.5rem)}html[data-theme=dark] .site-navigation .theme-toggle .theme-toggle-sun{opacity:0}html[data-theme=dark] .site-navigation .theme-toggle .theme-toggle-moon{opacity:1}html[data-theme=light] .site-navigation .theme-toggle .theme-toggle-track{background-color:var(--bg-secondary)}html[data-theme=light] .site-navigation .theme-toggle .theme-toggle-slider{transform:translateX(0)}html[data-theme=light] .site-navigation .theme-toggle .theme-toggle-sun{opacity:1}html[data-theme=light] .site-navigation .theme-toggle .theme-toggle-moon{opacity:0}.site-navigation .nav-social{display:flex;align-items:center;gap:1rem}.site-navigation .nav-social .nav-social-link{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.site-navigation .nav-social .nav-social-link:hover{color:var(--primary-color)}.site-navigation .nav-social .nav-social-link:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.site-navigation .nav-social .nav-social-link i{font-size:1.2rem;line-height:1}.site-footer{background-color:var(--bg-color);border-top:1px solid var(--border-light);padding:.75rem 0 1rem 0;margin-top:1.5rem}.site-footer .footer-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.375rem}.site-footer .footer-content .footer-copyright p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.3}.site-footer .footer-content .footer-theme p{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.3}.site-footer .footer-content .footer-theme p a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.site-footer .footer-content .footer-theme p a:hover{color:var(--primary-hover);text-decoration:underline}.site-footer .footer-content .footer-theme p a:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width: 767px){.site-navigation{padding:.75rem 0}.site-navigation .nav-container{padding:0 .75rem}.site-navigation .nav-path{font-size:.8rem;gap:.375rem}.site-navigation .nav-path .nav-current{max-width:150px}.site-navigation .theme-toggle .theme-toggle-track{width:2.5rem;height:1.25rem}.site-navigation .theme-toggle .theme-toggle-slider{width:1rem;height:1rem;top:.125rem}.site-navigation .theme-toggle .theme-toggle-icon{font-size:.6rem}html[data-theme=dark] .site-navigation .theme-toggle .theme-toggle-slider{transform:translateX(1.25rem)}.site-navigation .nav-social{gap:.75rem}.site-navigation .nav-social .nav-social-link i{font-size:1rem}.site-footer{padding:.5rem 0 .75rem 0;margin-top:1rem}.site-footer .footer-content{padding:0 .75rem;gap:.3rem}.site-footer .footer-content .footer-copyright p{font-size:.8rem;line-height:1.2}.site-footer .footer-content .footer-theme p{font-size:.75rem;line-height:1.2}.card,.tech-bite-card{padding:1rem;margin-bottom:1rem}.tech-bite-card{padding:.25rem;margin-bottom:1rem}.slider-info .slider-title{font-size:1.5rem}.slider-info .slider-description{font-size:1rem}}@media(min-width: 768px)and (max-width: 1023px){.site-navigation .nav-path{font-size:.85rem;gap:.4rem}.site-navigation .nav-path .nav-current{max-width:200px}.site-navigation .theme-toggle .theme-toggle-track{width:2.75rem;height:1.375rem}.site-navigation .theme-toggle .theme-toggle-slider{width:1.125rem;height:1.125rem;top:.125rem}.site-navigation .theme-toggle .theme-toggle-icon{font-size:.65rem}html[data-theme=dark] .site-navigation .theme-toggle .theme-toggle-slider{transform:translateX(1.375rem)}.site-navigation .nav-social{gap:.875rem}.site-navigation .nav-social .nav-social-link i{font-size:1.1rem}.site-footer{padding:.625rem 0 .875rem 0;margin-top:1.25rem}.site-footer .footer-content{gap:.35rem}.card,.tech-bite-card{padding:1.25rem;margin-bottom:1.25rem}.tech-bite-card{padding:.3125rem;margin-bottom:1.25rem}}.photo-card .photo-container{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.photo-card .photo-container .photo-link{display:block;text-decoration:none;color:inherit}.photo-card .photo-container .photo-image{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.photo-card .photo-container .photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, var(--overlay-dark));padding:1rem;transform:translateY(100%);transition:transform var(--transition-normal)}.photo-card .photo-container .photo-overlay .photo-info .photo-meta{color:#fff;font-size:.8rem;font-weight:500}.photo-card .photo-container:hover .photo-image{transform:scale(1.05)}.photo-card .photo-container:hover .photo-overlay{transform:translateY(0)}.film-detail-page{padding-top:2rem;padding-bottom:0}.film-content{max-width:var(--content-max-width);margin:0 auto 3rem;display:flex;flex-direction:column;gap:2rem}.film-image-section .film-image-container{position:relative;border-radius:var(--radius-lg);overflow:hidden}.film-image-section .film-image-container .film-image{width:100%;height:auto;display:block;margin:0;border-radius:0}@media(orientation: landscape)and (min-width: 768px){.film-image-section .film-image-container{max-height:70vh}.film-image-section .film-image-container .film-image{width:100%;height:auto;max-height:70vh;object-fit:contain;object-position:center;margin:0;border-radius:0}}@media(orientation: portrait){.film-image-section .film-image-container .film-image{width:100%;height:auto;max-width:100%;margin:0;border-radius:0}}@media(orientation: landscape)and (min-width: 1200px){.film-image-section .film-image-container{max-height:60vh}.film-image-section .film-image-container .film-image{max-height:60vh;margin:0;border-radius:0}}.film-metadata .film-main-content{margin-bottom:2rem}.film-metadata .film-main-content h1,.film-metadata .film-main-content h2,.film-metadata .film-main-content h3,.film-metadata .film-main-content h4,.film-metadata .film-main-content h5,.film-metadata .film-main-content h6{color:var(--text-color);margin-top:0;margin-bottom:1rem;line-height:1.2}.film-metadata .film-main-content h1{font-size:2rem;font-weight:700}@media(max-width: 767px){.film-metadata .film-main-content h1{font-size:1.5rem}}.film-metadata .film-main-content h2{font-size:1.5rem;font-weight:600;margin-top:2rem}.film-metadata .film-main-content h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem}.film-metadata .film-main-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.film-metadata .film-main-content p:last-child{margin-bottom:0}.film-metadata .film-main-content ul,.film-metadata .film-main-content ol{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;padding-left:1.5rem}.film-metadata .film-main-content blockquote{border-left:4px solid var(--primary-color);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--text-secondary)}.film-metadata .film-main-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1rem 0}.metadata-cards{display:grid;grid-template-columns:1fr 1fr;gap:0;background-color:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin:2rem 0}.metadata-card{background-color:var(--bg-color);padding:1.5rem 1.25rem 1.5rem 2rem;border:none;border-radius:0;box-shadow:none;transition:background-color var(--transition-fast);position:relative}.metadata-card:hover{background-color:var(--bg-secondary);transform:none;box-shadow:none}.metadata-card:not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid var(--border-light)}.metadata-card:nth-child(odd){border-right:1px solid var(--border-light)}.metadata-card .metadata-title{font-size:.85rem !important;font-weight:600;color:var(--text-secondary);margin-top:0 !important;margin-bottom:.5rem !important;padding-bottom:0;border-bottom:none;display:block;text-transform:uppercase;letter-spacing:.05em}.metadata-card .metadata-title i{margin-right:.5rem}.metadata-card .metadata-content{display:block}.metadata-card .metadata-item{display:block;padding:0;gap:0}.metadata-card .metadata-item .metadata-label{font-weight:500;color:var(--text-muted);font-size:.75rem;margin-bottom:.375rem;min-width:auto;text-transform:uppercase;letter-spacing:.03em}.metadata-card .metadata-item .metadata-value{color:var(--text-color);font-size:.95rem;font-weight:500;line-height:1.5;margin-bottom:0}.film-additional-content{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.film-additional-content h2,.film-additional-content h3,.film-additional-content h4,.film-additional-content h5,.film-additional-content h6{color:var(--text-color);margin-top:1.5rem;margin-bottom:.75rem}.film-additional-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.film-additional-content ul,.film-additional-content ol{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}@media(max-width: 767px){.film-detail-page{padding-top:1.5rem;padding-bottom:0}.film-content{gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.film-metadata .film-header{margin-bottom:1rem}.film-metadata .film-description{margin-bottom:1.5rem;padding:.75rem 1rem}.metadata-cards{grid-template-columns:1fr;gap:0;margin:1.5rem 0;border-radius:var(--radius-md)}.metadata-card{padding:1.25rem 1rem 1.25rem 1.5rem}.metadata-card:nth-child(odd){border-right:none}.metadata-card:not(:last-child){border-bottom:1px solid var(--border-light)}.metadata-card .metadata-title{font-size:.8rem !important;margin-top:0 !important;margin-bottom:.5rem !important}.metadata-card .metadata-item .metadata-label{font-size:.7rem;margin-bottom:.25rem}.metadata-card .metadata-item .metadata-value{font-size:.9rem;line-height:1.4}}.page-wrapper{max-width:var(--site-max-width);margin:0 auto;padding:0 1rem;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:6rem}.about-page .about-content{margin-bottom:2rem;text-align:left;width:100%}.about-page .about-text{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;width:100%}.about-page .about-details{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem;width:100%}.about-page .detail-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.about-page .detail-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.about-page .detail-value{font-weight:400;color:var(--text-color);font-size:.9rem}.tech-bite-list-page .tech-bites-grid{display:flex;flex-direction:column;gap:0;margin-bottom:3rem;max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.tech-bite-list-page .tech-bites-grid .tech-bite-card{width:100%;box-sizing:border-box;margin-left:0;margin-right:0}.tech-bite-list-page .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.tech-bite-list-page .pagination-info{color:var(--text-secondary);font-size:.875rem}.tech-bite-list-page .pagination-links{display:flex;align-items:center;gap:1rem}.tech-bite-list-page .pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tech-bite-list-page .pagination-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tech-bite-list-page .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.tech-bite-list-page .pagination-current{color:var(--text-secondary);font-size:.875rem}.tech-bite-page .page-meta{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.tech-bite-page .post-date{color:var(--text-secondary);font-size:.875rem}.tech-bite-page .post-categories{display:flex;gap:.5rem;flex-wrap:wrap}.tech-bite-page .category-tag{background-color:var(--bg-color);color:var(--primary-color);border:1px solid var(--primary-color);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;transition:all var(--transition-fast)}.tech-bite-page .category-tag:hover{background-color:var(--primary-color);color:var(--bg-color)}.tech-bite-page .tech-bite-content{max-width:var(--content-max-width);margin:0 auto 3rem;font-size:1rem;line-height:1.6}.tech-bite-page .tech-bite-content h1,.tech-bite-page .tech-bite-content h2,.tech-bite-page .tech-bite-content h3,.tech-bite-page .tech-bite-content h4,.tech-bite-page .tech-bite-content h5,.tech-bite-page .tech-bite-content h6{margin-top:2rem;margin-bottom:1rem;color:var(--text-color)}.tech-bite-page .tech-bite-content h1{font-size:1.5rem;font-weight:600}.tech-bite-page .tech-bite-content h2{font-size:1.3rem;font-weight:500}.tech-bite-page .tech-bite-content h3{font-size:1.1rem;font-weight:500}.tech-bite-page .tech-bite-content p{margin-bottom:1.5rem;color:var(--text-color)}.tech-bite-page .tech-bite-content ul,.tech-bite-page .tech-bite-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.tech-bite-page .tech-bite-content ul li,.tech-bite-page .tech-bite-content ol li{margin-bottom:.5rem;color:var(--text-color)}.tech-bite-page .tech-bite-content blockquote{margin:2rem 0;padding:1.5rem;background-color:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);font-style:italic;color:var(--text-secondary)}.tech-bite-page .tech-bite-content code{background-color:var(--bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-color)}.tech-bite-page .tech-bite-content pre{background-color:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:2rem 0}.tech-bite-page .tech-bite-content pre code{background:none;padding:0;color:var(--text-color)}.tech-bite-page .tech-bite-content a{color:var(--primary-color);text-decoration:none}.tech-bite-page .tech-bite-content a:hover{text-decoration:underline}.tech-bite-page .tech-bite-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0}.tech-bite-page .post-navigation{max-width:var(--content-max-width);margin:0 auto;display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-light)}.tech-bite-page .nav-link{flex:1;padding:1rem;text-decoration:none;color:var(--text-color);transition:all var(--transition-fast);border-radius:var(--radius-md)}.tech-bite-page .nav-link:hover{background-color:var(--bg-secondary);color:var(--primary-color)}.tech-bite-page .nav-link .nav-direction{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.tech-bite-page .nav-link .nav-title{display:block;font-weight:500;line-height:1.4}.tech-bite-page .nav-link.nav-prev{text-align:left}.tech-bite-page .nav-link.nav-next{text-align:right}.film-detail-page .film-content{max-width:var(--content-max-width);margin:0 auto 3rem;font-size:1rem;line-height:1.6}.film-detail-page .film-content h1,.film-detail-page .film-content h2,.film-detail-page .film-content h3,.film-detail-page .film-content h4,.film-detail-page .film-content h5,.film-detail-page .film-content h6{margin-top:2rem;margin-bottom:1rem;color:var(--text-color)}.film-detail-page .film-content h1{font-size:1.5rem;font-weight:600}.film-detail-page .film-content h2{font-size:1.3rem;font-weight:500}.film-detail-page .film-content h3{font-size:1.1rem;font-weight:500}.film-detail-page .film-content p{margin-bottom:1.5rem;color:var(--text-color)}.film-detail-page .film-content ul,.film-detail-page .film-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.film-detail-page .film-content ul li,.film-detail-page .film-content ol li{margin-bottom:.5rem;color:var(--text-color)}.film-detail-page .film-content blockquote{margin:2rem 0;padding:1.5rem;background-color:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);font-style:italic;color:var(--text-secondary)}.film-detail-page .film-content code{background-color:var(--bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-color)}.film-detail-page .film-content pre{background-color:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:2rem 0}.film-detail-page .film-content pre code{background:none;padding:0;color:var(--text-color)}.film-detail-page .film-content a{color:var(--primary-color);text-decoration:none}.film-detail-page .film-content a:hover{text-decoration:underline}.film-detail-page .film-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0}.film-detail-page .post-navigation{max-width:var(--content-max-width);margin:0 auto;display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-light)}.film-detail-page .nav-link{flex:1;padding:1rem;text-decoration:none;color:var(--text-color);transition:all var(--transition-fast);border-radius:var(--radius-md)}.film-detail-page .nav-link:hover{background-color:var(--bg-secondary);color:var(--primary-color)}.film-detail-page .nav-link .nav-direction{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.film-detail-page .nav-link .nav-title{display:block;font-weight:500;line-height:1.4}.film-detail-page .nav-link.nav-prev{text-align:left}.film-detail-page .nav-link.nav-next{text-align:right}.tech-bites-preview{margin:4rem 0;padding:3rem 0;border-top:1px solid var(--border-color)}.tech-bites-preview .section-header{text-align:center;margin-bottom:2rem}.tech-bites-preview .section-header .section-title{font-size:1.5rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}.tech-bites-preview .section-header .section-description{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.tech-bites-preview .tech-bites-grid{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.tech-bites-preview .tech-bites-grid .tech-bite-card{width:100%;box-sizing:border-box;margin-left:0;margin-right:0}.tech-bites-preview .section-footer{text-align:center}.tech-bites-preview .section-footer .section-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:400;text-decoration:none;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);background-color:rgba(0,0,0,0);transition:all var(--transition-fast)}.tech-bites-preview .section-footer .section-button:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.3)}.tech-bites-preview .section-footer .section-button .btn-icon{font-size:1rem;transition:transform var(--transition-fast)}.tech-bites-preview .section-footer .section-button:hover .btn-icon{transform:translateX(2px)}.gallery-track-preview{margin:4rem 0;padding:3rem 0;border-top:1px solid var(--border-color);overflow:hidden}.gallery-track-preview .section-header{text-align:center;margin-bottom:2rem}.gallery-track-preview .section-header .section-title{font-size:1.5rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}.gallery-track-preview .section-header .section-description{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.gallery-track-preview .section-content{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.gallery-track-preview .gallery-track-container{position:relative;overflow:hidden;margin-bottom:2rem;border-radius:var(--radius-lg)}.gallery-track-preview .gallery-track-container::-webkit-scrollbar{display:none}.gallery-track-preview .gallery-track-container{-ms-overflow-style:none;scrollbar-width:none}.gallery-track-preview .gallery-track{display:flex;gap:1rem;width:fit-content;will-change:transform;transform:translateX(0);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.gallery-track-preview .gallery-track::-webkit-scrollbar{display:none}.gallery-track-preview .gallery-track:hover{animation-play-state:paused}.gallery-track-preview .gallery-item{flex:0 0 auto;width:280px;height:200px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-color);transition:all var(--transition-normal)}.gallery-track-preview .gallery-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-light)}.gallery-track-preview .gallery-item .gallery-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative}.gallery-track-preview .gallery-item .gallery-link:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-lg)}.gallery-track-preview .gallery-item .gallery-link .gallery-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-normal)}.gallery-track-preview .gallery-item .gallery-link .gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 0%, var(--overlay-light) 50%, var(--overlay-dark) 100%);opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:flex-end;padding:1rem}.gallery-track-preview .gallery-item .gallery-link .gallery-overlay .gallery-info{color:#fff;text-align:left}.gallery-track-preview .gallery-item .gallery-link .gallery-overlay .gallery-info .gallery-title{font-size:.9rem;font-weight:500;line-height:1.2;display:block}.gallery-track-preview .gallery-item .gallery-link:hover .gallery-image{transform:scale(1.05)}.gallery-track-preview .gallery-item .gallery-link:hover .gallery-overlay{opacity:1}.gallery-track-preview .section-footer{text-align:center}.gallery-track-preview .section-footer .section-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:400;text-decoration:none;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);background-color:rgba(0,0,0,0);transition:all var(--transition-fast)}.gallery-track-preview .section-footer .section-button:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.3)}.gallery-track-preview .section-footer .section-button .btn-icon{font-size:1rem;transition:transform var(--transition-fast)}.gallery-track-preview .section-footer .section-button:hover .btn-icon{transform:translateX(2px)}@keyframes scroll-left{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}.films-page .films-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-bottom:3rem;max-width:var(--content-max-width);margin-left:auto;margin-right:auto}@media(max-width: 767px){.films-page .films-grid{grid-template-columns:1fr;gap:1rem}}.films-page .photo-card{background-color:var(--bg-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);box-sizing:border-box;width:100%;padding:0;position:relative}.films-page .photo-card:hover{box-shadow:0 8px 25px var(--shadow-light);transform:translateY(-2px)}.films-page .photo-card .photo-container{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden}.films-page .photo-card .photo-container .photo-link{position:absolute;top:0;left:0;width:100%;height:100%;display:block;text-decoration:none;color:inherit}.films-page .photo-card .photo-container .photo-link .photo-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-normal)}.films-page .photo-card .photo-container .photo-link .photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 0%, var(--overlay-light) 50%, var(--overlay-dark) 100%);opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:flex-end;padding:1rem}.films-page .photo-card .photo-container .photo-link .photo-overlay .photo-info{color:#fff;text-align:left}.films-page .photo-card .photo-container .photo-link .photo-overlay .photo-info .photo-title{font-size:.9rem;font-weight:500;margin:0 0 .25rem 0;line-height:1.2}.films-page .photo-card .photo-container .photo-link .photo-overlay .photo-info .photo-meta{font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.films-page .photo-card .photo-container .photo-link:hover .photo-image{transform:scale(1.05)}.films-page .photo-card .photo-container .photo-link:hover .photo-overlay{opacity:1}.films-page .photo-card .photo-container .photo-link:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-lg)}@media(max-width: 767px){.main-content{padding-top:5rem}.about-page .page-title{font-size:1.5rem}.tech-bite-list-page .page-title{font-size:1.5rem}.tech-bite-page .page-title{font-size:1.5rem}.tech-bite-page .tech-bite-content{padding:0 1rem}.tech-bite-page .post-navigation{flex-direction:column;gap:1rem}.tech-bite-page .page-meta{flex-direction:column;gap:.5rem}.film-detail-page .film-content{padding:0 1rem}.film-detail-page .post-navigation{flex-direction:column;gap:1rem}.about-page .about-content{margin-bottom:1.5rem;padding:0}.about-page .about-text{font-size:.9rem;line-height:1.5;margin-bottom:1rem;max-width:100%;padding:0 .25rem}.about-page .about-details{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem .5rem 0}.about-page .detail-item{gap:.125rem}.about-page .detail-label{font-size:.75rem}.about-page .detail-value{font-size:.85rem}.tech-bites-grid{max-width:100%;margin-left:0;margin-right:0}.tech-bites-grid .tech-bite-card{width:100%;margin-left:0;margin-right:0}.gallery-track-preview{margin:2rem 0;padding:1.5rem 0}.gallery-track-preview .section-header{margin-bottom:1.5rem}.gallery-track-preview .section-header .section-title{font-size:1.3rem}.gallery-track-preview .section-header .section-description{font-size:.9rem}.gallery-track-preview .gallery-track{gap:.5rem;padding:0 .75rem}.gallery-track-preview .gallery-item{width:200px;height:140px}}@media(max-width: 480px){.gallery-track-preview .gallery-item{width:160px;height:120px}.about-page .about-text{font-size:.85rem;padding:0}.about-page .about-details{padding:1rem .25rem 0}}@media(min-width: 768px)and (max-width: 1023px){.gallery-track-preview{margin:3.5rem 0;padding:2.5rem 0}.gallery-track-preview .gallery-item{width:260px;height:185px}.gallery-track-preview .gallery-track{gap:.875rem}}.section-header{text-align:center;margin-bottom:2rem}.section-header .section-title{font-size:1.8rem;font-weight:300;margin-bottom:.5rem;color:var(--text-color)}.section-header .section-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem}.section-footer{text-align:center;margin-top:2rem}.section-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:400;text-decoration:none;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.section-button:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.section-button .btn-icon{font-size:.8rem}.page-header{text-align:center;margin-bottom:2rem}.page-header .page-title{font-size:1.8rem;font-weight:300;margin-bottom:.5rem;color:var(--text-color)}.page-header .page-subtitle,.page-header .page-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem}.content-section{margin-bottom:3rem}.content-section:last-child{margin-bottom:0}.section-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}@media(max-width: 767px){.section-grid{grid-template-columns:1fr;gap:1.5rem}}.section-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.section-spacing-sm{margin-bottom:1.5rem}.section-spacing-md{margin-bottom:2rem}.section-spacing-lg{margin-bottom:3rem}.section-spacing-xl{margin-bottom:4rem}.section-bg-light{background-color:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);margin:2rem 0}.section-bg-primary{background-color:var(--primary-color);color:#fff;padding:2rem;border-radius:var(--radius-lg);margin:2rem 0}.section-bg-primary .section-title,.section-bg-primary .page-title{color:#fff}.section-bg-primary .section-description,.section-bg-primary .page-description{color:hsla(0,0%,100%,.9)}.section-border-top{border-top:1px solid var(--border-color);padding-top:2rem}.section-border-bottom{border-bottom:1px solid var(--border-color);padding-bottom:2rem}.section-border-both{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:2rem 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-max{width:max-content}.w-min{width:min-content}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-max{height:max-content}.h-min{height:min-content}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.border{border:1px solid var(--border-color)}.border-0{border:0}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-accent{border-color:var(--accent-color)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 3px var(--shadow-light)}.shadow{box-shadow:0 4px 6px var(--shadow-light)}.shadow-md{box-shadow:0 4px 6px var(--shadow-light)}.shadow-lg{box-shadow:0 10px 15px var(--shadow-medium)}.shadow-xl{box-shadow:0 20px 25px var(--shadow-dark)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition-none{transition:none}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.transform{transform:translateZ(0)}.scale-0{transform:scale(0)}.scale-50{transform:scale(0.5)}.scale-75{transform:scale(0.75)}.scale-90{transform:scale(0.9)}.scale-95{transform:scale(0.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.hover-scale:hover{transform:scale(1.05)}.hover-shadow:hover{box-shadow:0 4px 12px var(--shadow-medium)}.hover-opacity:hover{opacity:.8}.focus-outline:focus{outline:2px solid var(--primary-color);outline-offset:2px}.focus-ring:focus{box-shadow:0 0 0 3px hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.25)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media(max-width: 767px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:text-xs{font-size:.75rem}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-lg{font-size:1.125rem}.sm\:p-2{padding:.5rem}.sm\:p-4{padding:1rem}.sm\:m-2{margin:.5rem}.sm\:m-4{margin:1rem}}@media(min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:text-2xl{font-size:1.5rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:m-4{margin:1rem}.md\:m-6{margin:1.5rem}}@media(min-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:text-xl{font-size:1.25rem}.lg\:text-2xl{font-size:1.5rem}.lg\:text-3xl{font-size:1.875rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:m-6{margin:1.5rem}.lg\:m-8{margin:2rem}}/*# sourceMappingURL=main.css.map */