@import url('css/spectre.min.css');@import url('css/spectre-exp.min.css');@font-face{font-family:'NataSans';src:url('fonts/NataSans/NataSans-Regular.ttf') format('truetype'),url('fonts/NataSans/NataSans-Bold.ttf') format('truetype'),url('fonts/NataSans/NataSans-Black.ttf') format('truetype');font-weight:normal;font-style:normal}:root{--primary-color:#667eea;--primary-dark:#5568d3;--primary-light:#8b9ef7;--secondary-color:#764ba2;--secondary-dark:#5f3a82;--secondary-light:#8f63b8;--accent-color:#f093fb;--accent-dark:#d07ce8;--success-color:#32d296;--warning-color:#ffb648;--error-color:#ff6b6b;--info-color:#4fc3f7;--background-color:#f8f9fa;--background-secondary:#ffffff;--text-color:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--border-color:#e2e8f0;--border-light:#f0f4f8;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-sunset:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean:linear-gradient(135deg, #2e3192 0%, #1bffff 100%);--gradient-dark:linear-gradient(135deg, #2d3748 0%, #1a202c 100%);--gradient-overlay:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.08);--shadow-lg:0 10px 40px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 60px rgba(0, 0, 0, 0.15);--shadow-primary:0 8px 24px rgba(102, 126, 234, 0.3);--shadow-secondary:0 8px 24px rgba(118, 75, 162, 0.3);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--font-primary:'NataSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-heading:'NataSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:100;--z-sticky:500;--z-fixed:1000;--z-modal:2000;--z-tooltip:3000}.site-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:0;box-shadow:0 10px 40px rgba(0,0,0,0.1);position:sticky;top:0;z-index:500;backdrop-filter:blur(10px);transition:all .3s ease}.site-header .container{display:flex;justify-content:space-between;align-items:center;padding:8px 32px}.site-header .site-branding{display:flex;align-items:center;gap:12px;background-color:#f8f9fa;border-radius:12px}.site-header .site-branding .custom-logo{max-height:50px;width:auto;height:auto}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}body{font-family:var(--font-primary);font-display:swap;background-color:var(--background-color);color:var(--text-color);line-height:1.7;font-size:16px;overflow-x:hidden}.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-heading);color:var(--text-color);margin-top:0;margin-bottom:var(--spacing-md);font-weight:800}a{color:var(--primary-color);text-decoration:none;transition:all var(--transition-base)}a:hover{color:var(--primary-dark);transform:translateY(-1px)}img{max-width:100%;height:auto;display:block}.site .container{max-width:1200px;margin-inline:auto;padding-inline:var(--spacing-lg)}.container-full{width:100%;max-width:100%;padding:0}.btn{transition:all var(--transition-base);background:none}.btn-primary{background:var(--gradient-primary);border:none;color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover,.btn-primary:focus{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 32px rgba(102,126,234,0.4)}.btn-secondary{background:var(--gradient-secondary);border:none;color:#fff}.btn-secondary:hover,.btn-secondary:focus{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 12px 32px rgba(118,75,162,0.4)}.btn-success:hover,.btn-success:focus{background:#2ab37a;transform:translateY(-2px);box-shadow:0 12px 32px rgba(50,210,150,0.4)}.card{border:none;box-shadow:var(--shadow-md);border-radius:var(--radius-xl);transition:all var(--transition-base);background:var(--background-secondary)}.card-header,.card-body,.card-footer{padding:var(--spacing-lg)}.badge{border-radius:var(--radius-full);font-weight:600;transition:all var(--transition-base)}.badge[data-badge]::after,.badge:not([data-badge])::after{background:var(--gradient-primary)}.chip{background:rgba(102,126,234,0.1);color:var(--primary-color);border-radius:var(--radius-full);font-weight:600;transition:all var(--transition-base)}.chip:hover{background:var(--primary-color);color:#fff}.toast,.alert{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.toast-primary,.alert-primary{background:rgba(102,126,234,0.1);border-left:4px solid var(--primary-color)}.toast-success,.alert-success{background:rgba(50,210,150,0.1);border-left:4px solid var(--success-color)}.form-input,.form-select,.form-textarea{height:48px;border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);background:var(--background-secondary) !important;color:var(--text-color)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.form-label{color:var(--text-color);font-weight:600}.wpcf7-form{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.wpcf7-form .form-label{color:var(--text-color);font-weight:600}.wpcf7-form .form-input,.wpcf7-form .form-select,.wpcf7-form .form-textarea{border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);background:var(--background-secondary) !important;color:var(--text-color)}.wpcf7-form .form-input:focus,.wpcf7-form .form-select:focus,.wpcf7-form .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.site-header{background:var(--gradient-primary);padding:0;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(10px);transition:all var(--transition-base)}.site-header .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-lg)}.site-header .site-branding{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--background-color);border-radius:var(--radius-lg)}.site-header .site-branding .custom-logo-link{display:block;max-width:200px}.site-header .site-branding .custom-logo-link .custom-logo{width:auto;height:auto;max-height:60px}.site-header .site-branding .site-title{font-family:var(--font-heading);font-size:32px;font-weight:900;margin:0;letter-spacing:-0.5px}.site-header .site-branding .site-title a{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.2);transition:all var(--transition-base)}.site-header .site-branding .site-title a:hover{transform:scale(1.05);text-shadow:3px 3px 6px rgba(0,0,0,0.3)}.site-header .site-branding .site-description{color:rgba(255,255,255,0.9);font-size:14px;margin:5px 0 0;font-weight:300;letter-spacing:.5px}.site-navigation ul{list-style:none;margin:0;padding:0}.site-navigation ul.nav-menu{display:flex;gap:var(--spacing-lg);position:relative}.site-navigation ul li a{display:block;color:#fff;cursor:pointer;text-decoration:none}.site-navigation ul li:not(.menu-item-has-children) a:hover,.site-navigation ul li.current-menu-item>a{color:var(--primary-light)}.site-navigation ul li.menu-item-has-children:not(.opened)>ul{display:none}.site-navigation ul li .sub-menu{background:var(--background-secondary)}.site-navigation ul li .sub-menu li a{color:var(--text-color);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.site-navigation ul li .sub-menu li a:hover{color:var(--primary-color);background:var(--background-color)}.site-navigation ul li .sub-menu li.current-menu-item a{color:var(--primary-color)}.site-navigation ul>li{margin-top:0}.site-content{display:flex;padding:var(--spacing-2xl) 0;background:var(--background-color);height:calc(100dvh - 124px);overflow-y:auto}.site-content .two-column-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl);max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.site-content .full-width-layout{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.site-content .full-width-layout .content-area{width:100%}.site-content .content-area{background:var(--background-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-base)}.site-content .page-intro>.yoast-breadcrumbs{font-size:14px;color:var(--text-muted)}.site-content .page-intro>img{max-width:100px;max-height:100px;margin:var(--spacing-md) auto}.site-content .page-intro>p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}@media (prefers-color-scheme:dark){.content-area{background:var(--background-secondary);box-shadow:var(--shadow-lg)}}.post{padding:var(--spacing-xl);margin-bottom:0;border-bottom:1px solid var(--border-color);transition:all var(--transition-base)}.post:last-child{border-bottom:none}.post:hover{background:rgba(102,126,234,0.02)}.post .entry-header{margin-bottom:var(--spacing-lg)}.post .entry-title{font-family:var(--font-heading);font-size:36px;font-weight:900;line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--text-color);letter-spacing:-0.5px}.post .entry-title a{color:var(--text-color);transition:all var(--transition-base)}.post .entry-title a:hover{color:var(--primary-color);text-decoration:none}.post .page-title{font-family:var(--font-heading);font-size:42px;font-weight:900;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post .entry-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:14px;color:var(--text-muted);margin-bottom:var(--spacing-md)}.post .entry-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.post .entry-meta .posted-on,.post .entry-meta .byline{position:relative}.post .entry-meta .posted-on::before{content:"📅";margin-right:var(--spacing-xs)}.post .entry-meta .byline::before{content:"✍️";margin-right:var(--spacing-xs)}.post .entry-meta a{color:var(--primary-color);font-weight:600}.post .entry-meta a:hover{color:var(--secondary-color)}.post .post-thumbnail{margin:var(--spacing-lg) calc(var(--spacing-xl) * -1);overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.post .post-thumbnail img{width:100%;height:auto;transition:transform var(--transition-slow)}.post .post-thumbnail:hover img{transform:scale(1.05)}.post .entry-content{font-size:18px;line-height:1.8;color:var(--text-color)}.post .entry-content p{margin-bottom:var(--spacing-md)}.post .entry-content h1,.post .entry-content h2,.post .entry-content h3,.post .entry-content h4,.post .entry-content h5,.post .entry-content h6{font-family:var(--font-heading);font-weight:800;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text-color)}.post .entry-content h2{font-size:32px;border-left:4px solid var(--primary-color);padding-left:var(--spacing-md)}.post .entry-content h3{font-size:26px}.post .entry-content ul,.post .entry-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.post .entry-content li{margin-bottom:var(--spacing-sm)}.post .entry-content blockquote{border-left:4px solid var(--primary-color);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;background:rgba(102,126,234,0.05);border-radius:var(--radius-md);font-style:italic;font-size:20px}.post .entry-content code{background:rgba(102,126,234,0.1);padding:3px var(--spacing-xs);border-radius:var(--radius-sm);font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;font-size:.9em;color:var(--primary-color)}.post .entry-content pre{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-color);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-md) 0}.post .entry-content pre code{background:transparent;padding:0;color:inherit}.post .entry-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-light);font-size:14px;color:var(--text-muted)}.post .entry-footer span{margin-right:var(--spacing-md)}.post .entry-footer .cat-links::before{content:"🏷️ "}.post .entry-footer .tags-links::before{content:"🔖 "}.post .entry-footer a{color:var(--primary-color);padding:4px var(--spacing-sm);background:rgba(102,126,234,0.1);border-radius:var(--radius-sm);margin:0 3px;transition:all var(--transition-base);font-weight:600;display:inline-block}.post .entry-footer a:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.post{border-bottom-color:var(--border-color)}.post:hover{background:rgba(102,126,234,0.05)}.entry-content pre{background:#1e1e1e;color:#e2e8f0;border-color:var(--border-color)}}.sidebar{position:sticky;height:fit-content}.widget{background:var(--background-secondary);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:1px solid var(--border-light)}.widget:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.widget .widget-title{font-family:var(--font-heading);font-size:20px;font-weight:800;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:3px solid var(--primary-color);color:var(--text-color);position:relative}.widget .widget-title::after{content:'';position:absolute;bottom:-3px;left:0;width:50px;height:3px;background:var(--secondary-color)}.widget ul{list-style:none;padding:0;margin:0}.widget ul li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light);transition:all var(--transition-base)}.widget ul li:last-child{border-bottom:none}.widget ul li:hover{padding-left:var(--spacing-sm)}.widget ul li a{color:var(--text-color);display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-base)}.widget ul li a::before{content:'→';color:var(--primary-color);font-weight:bold;transition:transform var(--transition-base)}.widget ul li a:hover{color:var(--primary-color)}.widget ul li a:hover::before{transform:translateX(5px)}@media (prefers-color-scheme:dark){.widget{background:var(--background-secondary);box-shadow:var(--shadow-lg)}}.pagination{margin:var(--spacing-xl) 0 var(--spacing-lg);text-align:center}.pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:45px;height:45px;padding:0 var(--spacing-sm);background:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-weight:600;transition:all var(--transition-base);text-decoration:none}.pagination .page-numbers:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-primary)}.pagination .page-numbers.current{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-primary)}.pagination .page-numbers.dots{border:none;background:transparent}.pagination .page-numbers.dots:hover{transform:none;box-shadow:none}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin:var(--spacing-xl) 0;padding:0 var(--spacing-xl)}.post-navigation .nav-previous,.post-navigation .nav-next{background:var(--background-secondary);padding:var(--spacing-md);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:all var(--transition-base)}.post-navigation .nav-previous a,.post-navigation .nav-next a{display:block;color:var(--text-color)}.post-navigation .nav-previous:hover,.post-navigation .nav-next:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow-primary)}.post-navigation .nav-subtitle{display:block;font-size:12px;color:var(--primary-color);font-weight:700;text-transform:uppercase;margin-bottom:var(--spacing-xs)}.post-navigation .nav-title{font-size:16px;font-weight:700;color:var(--text-color)}.site-footer{background:var(--gradient-dark);color:rgba(255,255,255,0.9);padding:var(--spacing-sm) 0;position:relative}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.site-footer .footer-widgets{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.site-footer .footer-widgets .widget{background:rgba(255,255,255,0.05);box-shadow:none;border:1px solid rgba(255,255,255,0.1)}.site-footer .footer-widgets .widget:hover{background:rgba(255,255,255,0.08);transform:translateY(-3px)}.site-footer .footer-widgets .widget .widget-title{color:#fff;border-bottom-color:rgba(255,255,255,0.2)}.site-footer .footer-widgets .widget a{color:rgba(255,255,255,0.8)}.site-footer .footer-widgets .widget a::before{color:rgba(255,255,255,0.6)}.site-footer .footer-widgets .widget a:hover{color:#fff}.site-footer .site-info{text-align:center;font-size:14px}.site-footer .site-info a{color:var(--primary-light);font-weight:600;transition:all var(--transition-base)}.site-footer .site-info a:hover{color:var(--accent-color)}.comments-area{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:rgba(102,126,234,0.03);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.comments-area .comments-title{font-family:var(--font-heading);font-size:28px;font-weight:800;margin-bottom:var(--spacing-lg);color:var(--text-color)}.comments-area .comment-list{list-style:none;padding:0;margin:0}.comments-area .comment-list .comment{background:var(--background-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.comments-area .comment-list .comment:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.comments-area .comment-list .comment .comment-author{font-weight:700;font-size:16px;margin-bottom:var(--spacing-sm);color:var(--text-color)}.comments-area .comment-list .comment .comment-meta{font-size:13px;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.comments-area .comment-list .comment .comment-content p{margin:0;color:var(--text-secondary)}@media (prefers-color-scheme:dark){.comment{background:var(--background-secondary)}}.page-header{background:var(--gradient-primary);background-size:200% 200%;padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);text-align:center;position:relative;overflow:hidden;animation:gradientShift 10s ease infinite}.page-header .page-title{color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,0.3);background:none;-webkit-text-fill-color:#fff;position:relative;z-index:1}.page-header .archive-description{font-size:16px;color:rgba(255,255,255,0.9);margin-top:var(--spacing-sm);position:relative;z-index:1}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.no-results,.not-found{text-align:center;padding:80px 40px}.no-results .entry-header,.not-found .entry-header{margin-bottom:30px}.no-results .entry-title,.not-found .entry-title{font-size:48px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:1024px){.two-column-layout{grid-template-columns:1fr}.sidebar{position:static;margin-top:40px}.footer-widgets{grid-template-columns:1fr}}@media (max-width:768px){.site-header .container{flex-direction:column;gap:20px;text-align:center}.entry-title{font-size:28px}.page-title{font-size:32px}.post{padding:25px}.post-thumbnail{margin:20px -25px}.entry-content{font-size:16px}.post-navigation{grid-template-columns:1fr}.two-column-layout,.full-width-layout{padding:0 10px}}@media (max-width:480px){.container{padding:0 15px}.site-title{font-size:24px}.entry-title{font-size:24px}.post{padding:20px}.widget{padding:20px}}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.bg-gradient-primary{background:var(--gradient-primary);color:#fff}.bg-gradient-secondary{background:var(--gradient-secondary);color:#fff}.bg-gradient-success{background:var(--gradient-success);color:#fff}.bg-gradient-sunset{background:var(--gradient-sunset);color:#fff}.bg-gradient-ocean{background:var(--gradient-ocean);color:#fff}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-secondary{box-shadow:var(--shadow-secondary)}.shadow-none{box-shadow:none}.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)}.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)}.p-2xl{padding:var(--spacing-2xl)}.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)}.m-2xl{margin:var(--spacing-2xl)}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.m-auto .d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.border{border:1px solid var(--border-color)}.border-top{border-top:1px solid var(--border-color)}.border-bottom{border-bottom:1px solid var(--border-color)}.border-left{border-left:1px solid var(--border-color)}.border-right{border-right:1px solid var(--border-color)}.modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:var(--background-secondary)}.divider[data-content]::after{background:var(--background-secondary);color:var(--text-muted)}.empty{background:var(--background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.empty .empty-icon{color:var(--primary-color)}.popover{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--background-secondary)}.step .step-item a::before{background:var(--primary-color)}.step .step-item.active a::before{background:var(--gradient-primary)}.timeline .timeline-item::before{background:var(--primary-color)}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.scale-in{animation:scaleIn .4s ease-out}.post,.widget,.page-header{animation:fadeIn .6s ease-out}html{scroll-behavior:smooth;overflow:hidden}::selection{background:#667eea;color:#fff}::-moz-selection{background:#667eea;color:#fff}.ffmpeg-tool-container{max-width:1000px;margin:0 auto}.tool-header{margin-bottom:var(--spacing-2xl)}.tool-header h1{font-size:48px;margin-bottom:var(--spacing-md)}.tool-header p{font-size:18px;color:var(--text-muted)}.ffmpeg-status{display:inline-block;margin-top:var(--spacing-md)}.ffmpeg-status .badge{font-size:14px;padding:8px 16px}.badge-success{background:var(--success-color);color:#fff}.badge-error{background:var(--error-color);color:#fff}.tool-interface{background:var(--background-secondary)}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;background:rgba(102,126,234,0.02)}.upload-area:hover{border-color:var(--primary-color);background:rgba(102,126,234,0.05)}.upload-area .form-label{font-size:18px;font-weight:700;color:var(--text-color);margin-bottom:var(--spacing-md)}.upload-area .form-input{max-width:100%}#dropZone{border:3px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);cursor:pointer;background:linear-gradient(135deg, rgba(102,126,234,0.03), rgba(118,75,162,0.03))}#dropZone:hover,#dropZone.dragover{border-color:var(--primary-color);background:linear-gradient(135deg, rgba(102,126,234,0.08), rgba(118,75,162,0.08))}#dropZone .empty-icon i{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#dropZone .empty-title{color:var(--text-color);font-weight:700;margin:var(--spacing-lg) 0 var(--spacing-sm)}#dropZone .empty-subtitle{color:var(--text-muted);font-size:14px}#dropZone.bg-gray{background:linear-gradient(135deg, rgba(102,126,234,0.15), rgba(118,75,162,0.15));border-color:var(--primary-dark)}.video-responsive{max-width:100%;width:100%;height:400px;display:block;background:#000;border-radius:8px;object-fit:contain}.video-preview-container{position:relative;width:100%;height:400px;background:#000;border-radius:8px;overflow:hidden;margin-bottom:1rem}.video-preview-container video{width:100%;height:100%;object-fit:contain}.video-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;text-align:center;padding:2rem}.video-error i{color:#ff6b6b;margin-bottom:1rem}.video-error p{margin:.5rem 0;color:#ddd}.video-error .text-small{font-size:.85rem;color:#999}.audio-preview-container{position:relative;width:100%;min-height:200px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:8px;overflow:hidden;margin-bottom:1rem;padding:2rem}.audio-preview-container .audio-player-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.audio-preview-container .audio-icon{color:rgba(255,255,255,0.9);text-shadow:0 2px 10px rgba(0,0,0,0.2)}.audio-preview-container .audio-icon i{display:block}.audio-preview-container .audio-responsive{width:100%;max-width:500px;background:rgba(255,255,255,0.1);border-radius:50px;padding:.5rem;backdrop-filter:blur(10px)}.audio-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;text-align:center;padding:2rem}.audio-error i{color:#ff6b6b;margin-bottom:1rem}.audio-error p{margin:.5rem 0;color:#fff}.audio-error .text-small{font-size:.85rem;color:rgba(255,255,255,0.8)}.btn-group.btn-group-block{display:flex;gap:var(--spacing-sm)}.btn-group.btn-group-block .btn{flex:1}.toast{margin-bottom:var(--spacing-lg)}.snackbar{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;min-width:300px;max-width:600px;margin:0;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.loading.loading-lg::after{border-color:var(--primary-color);border-right-color:transparent}.form-input.input-lg{font-size:16px;padding:12px 16px;font-weight:600}.form-input:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(102,126,234,0.1)}[data-preset]:hover{background:var(--gradient-primary);color:white;border-color:transparent}[data-preset]:active{transform:scale(.95)}.columns.text-center .h6{color:var(--primary-color);font-weight:700;font-size:18px}.columns.text-center .text-gray{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.video-preview,.audio-preview,.image-preview{background:var(--background-color);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.video-preview video,.audio-preview audio,.image-preview img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.video-info,.audio-info,.image-info{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.trim-controls,.compress-controls,.convert-controls,.resize-controls{background:rgba(102,126,234,0.03);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.progress-container{background:rgba(102,126,234,0.05);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.progress-info{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-color)}.progress{width:100%;height:24px;border-radius:var(--radius-full);background:var(--border-light);overflow:hidden}.progress ::-webkit-progress-bar{background:var(--border-light);border-radius:var(--radius-full)}.progress ::-webkit-progress-value{background:var(--gradient-primary);border-radius:var(--radius-full)}.progress ::-moz-progress-bar{background:var(--gradient-primary);border-radius:var(--radius-full)}.output-container{background:rgba(50,210,150,0.05);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--success-color)}.output-container h3{font-size:24px;margin-bottom:var(--spacing-lg)}.tool-interface .btn{min-width:200px;font-size:16px;padding:14px 32px}.tool-interface .btn i{margin-right:8px}.slider{width:100%;height:8px;border-radius:var(--radius-full);background:var(--border-color);outline:none}.slider ::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:var(--shadow-md)}.slider ::-webkit-slider-thumb:hover{box-shadow:var(--shadow-primary);transform:scale(1.1)}.slider ::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:var(--shadow-md);border:none}.w-full{width:100%}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}@media (max-width:768px){.tool-header h1{font-size:32px}.ffmpeg-tool-container{padding:var(--spacing-md)}.tool-interface .card-body{padding:var(--spacing-lg) !important}.upload-area{padding:var(--spacing-lg)}.tool-interface .btn{min-width:100%;width:100%}.video-info,.audio-info,.image-info{flex-direction:column}}@keyframes spin{to{transform:rotate(360deg)}}.loading::after{content:'';display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .6s linear infinite}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fas,.far,.fab,.fal{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@media (max-width:1366px){.site .container{padding-inline:var(--spacing-md)}}@media (max-width:1024px){.site .container{padding-inline:var(--spacing-sm)}}@media (min-width:761px){#menu-toggle{display:none}.site-navigation .nav-menu .sub-menu{position:absolute;width:200px;top:50px}}@media (max-width:768px){#menu-toggle{position:absolute;width:35px;left:8px;top:50%;transform:translateY(-50%)}.site-branding{gap:12px}.site-navigation{display:none;background:var(--gradient-dark);position:fixed;left:0;top:75px;width:250px;height:calc(100dvh - 120px);overflow-y:auto;overflow-x:hidden}.site-navigation ul.nav-menu{flex-direction:column;gap:0;text-align:left}.site-navigation ul.nav-menu>li>a{padding:var(--spacing-xs) var(--spacing-md)}.site .container{padding-inline:var(--spacing-xs)}.site-content{padding:var(--spacing-xs)}.site-content .full-width-layout{padding:0}}