@charset "UTF-8";.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease}.header.scrolled .top-bar{display:none}.header.scrolled .main-header{background-color:#fffffff2;box-shadow:0 2px 10px #0000001a}.header .top-bar{background-color:#333;color:#fff;padding:10px 0}.header .top-bar-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header .top-bar .contact-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px}.header .top-bar .contact-info span{font-size:.875rem}.header .top-bar .social-links{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:15px}.header .top-bar .social-links a{color:#fff;font-size:.875rem;transition:all .3s ease}.header .top-bar .social-links a:hover{color:#e44}.header .main-header{background-color:#fff;padding:15px 0;transition:all .3s ease}.header .header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header .header-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.header .header-left .logo-wrapper{display:block}.header .header-left .logo{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.header .header-left .logo .logo-image{height:30px;width:auto}.header .header-nav{flex:1;display:flex;justify-content:center}.header .header-nav .nav-list{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;list-style-type:none;padding:0;margin:0}.header .header-nav .nav-item{position:relative}.header .header-nav .nav-item.admin-mobile-menu{display:none}.header .header-nav .nav-link{display:flex;align-items:center;padding:10px 20px;border-radius:30px;color:#333;font-weight:600;font-size:.875rem;transition:all .3s ease;background-color:transparent;gap:6px}.header .header-nav .nav-link svg,.header .header-nav .nav-link img{flex-shrink:0;transition:all .3s ease}.header .header-nav .nav-link .nav-text.mobile-only{display:none}.header .header-nav .nav-link .dropdown-arrow{margin-left:6px;font-size:10px}.header .header-nav .nav-link:hover{background-color:#f5f5f5}.header .header-nav .nav-link.active{background-color:#333;color:#fff}.header .header-nav .nav-link.active img{filter:brightness(0) saturate(100%) invert(100%)}.header .header-nav .nav-link.active svg{color:#fff}.header .header-nav .nav-link.home-link{padding:10px 15px}.header .header-nav .nav-link.home-link .nav-text{display:none}.header .header-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:15px}.header .header-right .search-btn{cursor:pointer;transition:all .3s ease}.header .header-right .search-btn img{transition:all .3s ease}.header .header-right .search-btn:hover{color:#e44}.header .header-right .search-btn:hover img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.header .header-right .try-beeknoee-btn{display:inline-block;padding:12px 24px;border-radius:30px;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:padding-box,border-box;color:#333;font-weight:600;transition:all .3s ease}.header .header-right .try-beeknoee-btn:hover{background-image:linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:border-box;color:#fff}.header .header-right .user-menu{position:relative}.header .header-right .user-menu .user-menu-toggle{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:6px 12px;background:transparent;border:1px solid #e9ecef;border-radius:25px;cursor:pointer;transition:all .3s ease}.header .header-right .user-menu .user-menu-toggle:hover{background:#f8f9fa;border-color:#dee2e6}.header .header-right .user-menu .user-menu-toggle .user-avatar{width:28px;height:28px;border-radius:50%;background:#e44;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-size:.75rem;font-weight:600;overflow:hidden}.header .header-right .user-menu .user-menu-toggle .user-avatar img{width:100%;height:100%;object-fit:cover}.header .header-right .user-menu .user-menu-toggle .user-name{font-size:.875rem;font-weight:500;color:#333;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .header-right .user-menu .user-menu-toggle .dropdown-arrow{font-size:10px;color:#6c757d;transition:transform .2s ease}.header .header-right .user-menu .user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:220px;z-index:1000}.header .header-right .user-menu .user-dropdown .user-info{padding:16px;border-bottom:1px solid #f8f9fa}.header .header-right .user-menu .user-dropdown .user-info .user-display-name{font-weight:600;color:#333;margin-bottom:4px}.header .header-right .user-menu .user-dropdown .user-info .user-email{font-size:.875rem;color:#6c757d;margin-bottom:4px}.header .header-right .user-menu .user-dropdown .user-info .user-role{font-size:.75rem;color:#e44;background:#ee44441a;padding:2px 8px;border-radius:12px;display:inline-block}.header .header-right .user-menu .user-dropdown .dropdown-divider{height:1px;background:#f8f9fa;margin:0}.header .header-right .user-menu .user-dropdown .dropdown-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#333;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.header .header-right .user-menu .user-dropdown .dropdown-item img{flex-shrink:0;transition:all .3s ease}.header .header-right .user-menu .user-dropdown .dropdown-item:hover{background:#f8f9fa}.header .header-right .user-menu .user-dropdown .dropdown-item.admin-item{color:#e44}.header .header-right .user-menu .user-dropdown .dropdown-item.admin-item:hover{background:#ee44441a;color:#ea1515}.header .header-right .user-menu .user-dropdown .dropdown-item.admin-item img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.header .header-right .user-menu .user-dropdown .dropdown-item.admin-item svg{color:#e44}.header .header-right .user-menu .user-dropdown .dropdown-item.logout-btn{color:#dc3545}.header .header-right .user-menu .user-dropdown .dropdown-item.logout-btn img{filter:brightness(0) saturate(100%) invert(16%) sepia(72%) saturate(3295%) hue-rotate(346deg) brightness(95%) contrast(89%)}.header .header-right .user-menu .user-dropdown .dropdown-item.logout-btn:hover{background:#dc35451a}.header .header-right .user-menu .user-dropdown .dropdown-item svg{flex-shrink:0}.header .header-right .login-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #EE4444;border-radius:25px;color:#e44;font-size:.875rem;font-weight:600;transition:all .3s ease}.header .header-right .login-btn:hover{background:#e44;color:#fff}.header .header-right .login-btn svg{flex-shrink:0}.header .mobile-menu-toggle{display:none}@media (max-width: 992px){.header .header-nav{position:fixed;top:60px;left:0;width:100%;height:0;background-color:#fff;overflow:hidden;transition:all .3s ease;opacity:0;visibility:hidden;box-shadow:0 5px 10px #0000001a}.header .header-nav.active{height:auto;opacity:1;visibility:visible;padding:1.5rem 0}.header .header-nav .nav-list{flex-direction:column;gap:1rem}.header .header-nav .nav-item.admin-mobile-menu{display:block}.header .header-nav .nav-link{padding:10px;border-radius:0;justify-content:center}.header .header-nav .nav-link.active{background-color:transparent;color:#e44}.header .header-nav .nav-link.active img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.header .header-nav .nav-link.home-link .nav-text.mobile-only{display:inline}.header .header-right{gap:10px}.header .header-right .user-menu .user-name{display:none}.header .header-right .user-menu .user-menu-toggle{padding:6px}.header .header-right .user-menu .user-menu-toggle .dropdown-arrow{display:none}.header .header-right .login-btn{padding:8px 12px}.header .header-right .login-btn span,.header .header-right .try-beeknoee-btn{display:none}.header .mobile-menu-toggle{display:block;width:30px;height:30px;position:relative;background:transparent;border:none;cursor:pointer;padding:0}.header .mobile-menu-toggle .hamburger{position:absolute;width:20px;height:2px;background-color:#333;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.header .mobile-menu-toggle .hamburger:before,.header .mobile-menu-toggle .hamburger:after{content:"";position:absolute;width:100%;height:2px;background-color:#333;transition:all .3s ease;left:0}.header .mobile-menu-toggle .hamburger:before{top:-6px}.header .mobile-menu-toggle .hamburger:after{bottom:-6px}.header .mobile-menu-toggle .hamburger.active{background-color:transparent}.header .mobile-menu-toggle .hamburger.active:before{top:0;transform:rotate(45deg)}.header .mobile-menu-toggle .hamburger.active:after{bottom:0;transform:rotate(-45deg)}}@media (max-width: 576px){.header .top-bar .contact-info span:first-child{display:none}.header .header-right .user-menu .user-dropdown{right:-10px;min-width:200px}}.header .user-menu:hover .user-menu-toggle .dropdown-arrow{transform:rotate(180deg)}.footer{background-color:#1c1c1c;color:#fff;padding:4rem 0 2rem}@media (max-width: 992px){.footer{padding:3rem 0 1.5rem}}@media (max-width: 576px){.footer{padding:2.5rem 0 1rem}}.footer .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 576px){.footer .container{padding:0 1.25rem}}.footer .footer-newsletter{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem}@media (max-width: 992px){.footer .footer-newsletter{flex-direction:column;gap:2rem;margin-bottom:2.5rem}}@media (max-width: 576px){.footer .footer-newsletter{gap:1.5rem;margin-bottom:2rem}}.footer .newsletter-info{flex:1;max-width:50%}@media (max-width: 992px){.footer .newsletter-info{max-width:100%}}.footer .newsletter-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;color:#ffffffb3}@media (max-width: 992px){.footer .newsletter-title{font-size:2.25rem;margin-bottom:1.25rem}}@media (max-width: 576px){.footer .newsletter-title{font-size:2rem;margin-bottom:1rem;line-height:1.3}}.footer .newsletter-description{font-size:1rem;color:#ffffffb3;line-height:1.6}@media (max-width: 576px){.footer .newsletter-description{font-size:.9375rem;line-height:1.5}}.footer .newsletter-form{flex:1;max-width:40%;padding:3rem;border-radius:24px;background-color:#fff}@media (max-width: 992px){.footer .newsletter-form{max-width:100%;width:100%;padding:2.5rem}}@media (max-width: 576px){.footer .newsletter-form{padding:2rem 1.5rem;border-radius:20px}}.footer .form-group{display:flex;width:100%;position:relative;border-bottom:1px solid black}@media (max-width: 576px){.footer .form-group{flex-direction:column;align-items:stretch;gap:1rem;border-bottom:none}}.footer .form-group .email-input{flex:1;background-color:transparent;border:none;padding:1rem 0;color:#000;font-size:1rem}@media (max-width: 576px){.footer .form-group .email-input{padding:.875rem;border:1px solid #e0e0e0;border-radius:12px;font-size:.9375rem}}.footer .form-group .email-input::placeholder{color:#00000080}.footer .form-group .email-input:focus{outline:none}@media (max-width: 576px){.footer .form-group .email-input:focus{border-color:#333;box-shadow:0 0 0 2px #3333331a}}.footer .form-group .subscribe-btn{background-color:#333;color:#fff;border:none;border-radius:2rem;padding:.5rem 1.25rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}@media (max-width: 576px){.footer .form-group .subscribe-btn{padding:.875rem 1.5rem;margin-bottom:0;font-size:.9375rem;border-radius:12px;width:100%}}.footer .form-group .subscribe-btn .arrow-icon{margin-right:.5rem;font-size:1.25rem}@media (max-width: 576px){.footer .form-group .subscribe-btn .arrow-icon{margin-right:.375rem;font-size:1.125rem}}.footer .form-group .subscribe-btn:hover{background-color:#e44}.footer .footer-divider{height:1px;background-color:#ffffff1a;margin:3rem 0}@media (max-width: 992px){.footer .footer-divider{margin:2.5rem 0}}@media (max-width: 576px){.footer .footer-divider{margin:2rem 0}}.footer .footer-main{display:flex;justify-content:space-between;margin-bottom:3rem}@media (max-width: 992px){.footer .footer-main{flex-direction:column;gap:2rem;margin-bottom:2.5rem}}@media (max-width: 576px){.footer .footer-main{gap:2rem;margin-bottom:2rem}}@media (max-width: 992px){.footer .footer-brand{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}}@media (max-width: 576px){.footer .footer-brand{gap:1.25rem;margin-bottom:1.5rem}}.footer .footer-logo{margin-bottom:1.5rem}.footer .footer-logo .logo-image{height:auto;width:240px;filter:brightness(0) invert(1)}@media (max-width: 992px){.footer .footer-logo .logo-image{width:200px}}@media (max-width: 576px){.footer .footer-logo .logo-image{width:160px;height:auto}}@media (max-width: 992px){.footer .footer-logo{margin-bottom:0}}.footer .social-icons{display:flex;gap:1rem}@media (max-width: 576px){.footer .social-icons{gap:.875rem;justify-content:flex-start}}.footer .social-icons .social-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff1a;color:#fff;transition:background-color .3s ease}@media (max-width: 576px){.footer .social-icons .social-icon{width:40px;height:40px}}.footer .social-icons .social-icon:hover{background-color:#e44}.footer .footer-widgets{display:flex;gap:4rem}@media (max-width: 992px){.footer .footer-widgets{gap:3rem;flex-wrap:wrap}}@media (max-width: 576px){.footer .footer-widgets{flex-direction:column;gap:2rem}}.footer .footer-widget{min-width:160px}@media (max-width: 992px){.footer .footer-widget{min-width:140px}}@media (max-width: 576px){.footer .footer-widget{min-width:auto;width:100%}}.footer .widget-title{font-size:1rem;font-weight:600;margin-bottom:1.5rem;color:#fff}@media (max-width: 576px){.footer .widget-title{font-size:1.0625rem;margin-bottom:1.25rem}}.footer .contact-details{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 576px){.footer .contact-details{gap:.875rem}}.footer .contact-details .phone-number{font-size:1.125rem;font-weight:500}@media (max-width: 576px){.footer .contact-details .phone-number{font-size:1.0625rem}}.footer .contact-details .email-address{color:#ffffffb3;text-decoration:none;transition:color .3s ease;word-break:break-word}.footer .contact-details .email-address:hover{color:#fff}.footer .widget-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}@media (max-width: 576px){.footer .widget-menu{gap:.875rem}}.footer .widget-menu li a{color:#ffffffb3;text-decoration:none;transition:color .3s ease;font-size:.9375rem}@media (max-width: 576px){.footer .widget-menu li a{font-size:1rem}}.footer .widget-menu li a:hover{color:#fff}.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);font-size:.875rem;color:#fff9}@media (max-width: 992px){.footer .footer-bottom{padding:1.25rem 0}}@media (max-width: 576px){.footer .footer-bottom{flex-direction:column;gap:1rem;padding:1rem 0;align-items:flex-start}}.footer .legal-menu{display:flex;gap:1.5rem}@media (max-width: 992px){.footer .legal-menu{gap:1.25rem}}@media (max-width: 576px){.footer .legal-menu{gap:1rem;flex-wrap:wrap}}.footer .legal-menu a{color:#fff9;text-decoration:none;transition:color .3s ease;font-size:.875rem}@media (max-width: 576px){.footer .legal-menu a{font-size:.9375rem}}.footer .legal-menu a:hover{color:#fff}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.hero-section{padding:160px 0 80px;position:relative;overflow:hidden;background-color:#f0f2f4}.hero-section .hero-content{display:grid;grid-template-columns:48% 48%;gap:20%;align-items:center}@media (max-width: 992px){.hero-section .hero-content{grid-template-columns:1fr;text-align:center}}@media (max-width: 576px){.hero-section .hero-content{gap:10%}}.hero-section .hero-text p{font-size:72px;line-height:1.1;margin-bottom:40px;color:#000}@media (max-width: 992px){.hero-section .hero-text p{font-size:48px}}@media (max-width: 576px){.hero-section .hero-text p{font-size:36px}}.hero-section .hero-text p .text-gradient{background:linear-gradient(90deg,#386bb7,#e24c4a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-section .email-form{margin-bottom:40px}.hero-section .email-form .input-wrapper{display:flex;overflow:hidden;max-width:580px}@media (max-width: 992px){.hero-section .email-form .input-wrapper{margin:0 auto}}@media (max-width: 576px){.hero-section .email-form .input-wrapper{flex-direction:column;border-radius:24px}}.hero-section .email-form .input-wrapper input{flex:1;border:none;border-radius:100px;padding:18px 24px;font-size:16px;outline:none}@media (max-width: 576px){.hero-section .email-form .input-wrapper input{border-radius:0}}.hero-section .email-form .input-wrapper input::placeholder{color:#a0a0a0}.hero-section .email-form .input-wrapper .btn-try{background:#333;color:#fff;border:none;padding:18px 30px;border-radius:100px;font-weight:600;display:flex;align-items:center;cursor:pointer;white-space:nowrap}@media (max-width: 576px){.hero-section .email-form .input-wrapper .btn-try{border-radius:0;justify-content:center}}.hero-section .email-form .input-wrapper .btn-try .btn-icon{margin-right:10px;transition:transform .3s ease;filter:brightness(0) saturate(100%) invert(100%)}.hero-section .email-form .input-wrapper .btn-try:hover{background:#000}.hero-section .email-form .input-wrapper .btn-try:hover .btn-icon{transform:translate(3px)}.hero-section .email-form .form-benefits{display:flex;margin-top:20px;gap:30px}@media (max-width: 992px){.hero-section .email-form .form-benefits{justify-content:center}}@media (max-width: 576px){.hero-section .email-form .form-benefits{flex-direction:column;align-items:center;gap:10px}}.hero-section .email-form .form-benefits .benefit-item{display:flex;align-items:center;color:#555;font-size:14px}.hero-section .email-form .form-benefits .benefit-item .benefit-icon{margin-right:8px;flex-shrink:0}.hero-section .reviews{display:flex;align-items:center}@media (max-width: 992px){.hero-section .reviews{justify-content:center}}@media (max-width: 576px){.hero-section .reviews{margin-bottom:20px}}.hero-section .reviews .avatar-group{display:flex;margin-right:15px}.hero-section .reviews .avatar-group .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid white;box-shadow:0 2px 5px #0000001a}.hero-section .reviews .avatar-group .avatar:not(:first-child){margin-left:-15px}.hero-section .reviews .avatar-group .avatar img{width:100%;height:100%;object-fit:cover}.hero-section .reviews .rating{display:flex;flex-direction:column}.hero-section .reviews .rating .stars{display:flex;color:#ffb800;margin-bottom:2px}.hero-section .reviews .rating .stars .star{font-size:14px}.hero-section .reviews .rating .user-count{font-size:14px;color:#555}.hero-section .hero-image{position:relative}.hero-section .hero-image .robot-container{position:relative;width:100%}.hero-section .hero-image .robot-container .robot-image{position:relative;padding-bottom:20px}.hero-section .hero-image .robot-container .robot-image img,.hero-section .hero-image .robot-container .robot-image .robot-video{display:block;border-radius:24px;width:100%;aspect-ratio:1/1;object-fit:cover}.hero-section .hero-image .robot-container .robot-image .chat-bubbles{position:absolute;top:60px;left:-80px;z-index:100}@media (max-width: 576px){.hero-section .hero-image .robot-container .robot-image .chat-bubbles{top:-80px;left:0}}.hero-section .hero-image .robot-container .robot-image .chat-bubbles .chat-bubble{background:#fff;padding:10px 15px;border-radius:16px;font-size:14px;max-width:220px;margin-bottom:10px;position:relative}.hero-section .hero-image .robot-container .robot-image .chat-bubbles .chat-bubble.bot{background:#4c6cb2;color:#fff;border-top-left-radius:0}.hero-section .hero-image .robot-container .robot-image .chat-bubbles .chat-bubble.user{background:#d85a4b;color:#fff;border-top-right-radius:0;margin-left:40px}.hero-section .hero-image .robot-container .robot-image .chat-bubbles .chat-bubble.small{padding:5px 15px;width:fit-content}.hero-section .hero-image .robot-container .video-button-container{position:absolute;bottom:20px;right:0}.hero-section .hero-image .robot-container .video-button-container .watch-video-btn{background:#fff;border:none;border-radius:100px 0 0;padding:24px 48px;display:flex;align-items:center;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #0000001a}.hero-section .hero-image .robot-container .video-button-container .watch-video-btn .play-icon{margin-right:10px;transition:transform .3s ease}.hero-section .hero-image .robot-container .video-button-container .watch-video-btn:hover{background:#f5f5f5}.hero-section .hero-image .robot-container .video-button-container .watch-video-btn:hover .play-icon{transform:scale(1.1)}.integration-section{padding:80px 0;background-color:#fff}.integration-section .partners-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;flex-wrap:wrap}@media (max-width: 992px){.integration-section .partners-row{gap:20px;justify-content:center}}.integration-section .partners-row .partner-logo{opacity:.6;transition:opacity .3s ease;max-width:120px}.integration-section .partners-row .partner-logo:hover{opacity:1}.integration-section .partners-row .partner-logo img{max-width:100%;height:auto}.integration-section .integration-cards{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 992px){.integration-section .integration-cards{grid-template-columns:1fr}}.integration-section .integration-cards .integration-card{border-radius:20px;overflow:hidden;min-height:480px;position:relative}.integration-section .integration-cards .integration-card .card-content{height:100%;display:flex;flex-direction:column}.integration-section .integration-cards .integration-card h2{font-size:32px;font-weight:600;margin-bottom:60px;line-height:1.2}@media (max-width: 576px){.integration-section .integration-cards .integration-card h2{font-size:24px}}.integration-section .integration-cards .platform-card{background-color:#f2f2f2;background-image:url(https://demo.artureanec.com/themes/neuros/wp-content/uploads/2024/05/abstract-geometric-wa1111vy-folds-background-1-min.jpg);background-size:cover;background-position:right center;padding:40px 40px 10px}.integration-section .integration-cards .platform-card h2{max-width:300px;color:#222}.integration-section .integration-cards .platform-card .platform-preview{margin-top:auto;max-width:100%;display:flex;justify-content:center;align-items:flex-end}.integration-section .integration-cards .platform-card .platform-preview img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #0000001a}.integration-section .integration-cards .deployment-card{background-color:#111;background-image:url(https://demo.artureanec.com/themes/neuros/wp-content/uploads/2024/05/Group.png);background-size:contain;background-repeat:no-repeat;position:relative;padding:40px}.integration-section .integration-cards .deployment-card h2{color:#fff}.integration-section .integration-cards .deployment-card p{font-size:16px;line-height:1.6;color:#fffc;margin-bottom:60px}.integration-section .integration-cards .deployment-card .messenger-icons{display:flex;gap:10px;margin-top:auto}.integration-section .integration-cards .deployment-card .messenger-icons .messenger-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.integration-section .integration-cards .deployment-card .messenger-icons .messenger-icon:hover{transform:translateY(-5px)}.integration-section .integration-cards .deployment-card .messenger-icons .messenger-icon img{width:40px;height:30px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.features-section{padding:0 0 80px;position:relative}@media (max-width: 576px){.features-section{padding:0 0 20px}}.features-section .marquee-container{width:100%;overflow:hidden;position:relative;background-color:#fff;padding:30px 0;margin-bottom:50px}@media (max-width: 576px){.features-section .marquee-container{padding:20px 0;margin-bottom:30px}}.features-section .marquee-container .marquee-content{display:inline-block;white-space:nowrap;animation:marquee 20s linear infinite;font-size:86px;color:#000}@media (max-width: 576px){.features-section .marquee-container .marquee-content{font-size:36px;animation:marquee 15s linear infinite}}.features-section .marquee-container .marquee-content span{display:inline-block}.features-section .features-header{max-width:800px;margin-bottom:60px;text-align:left}@media (max-width: 576px){.features-section .features-header{margin-bottom:30px;padding:0 20px}}.features-section .features-header .features-label{font-size:14px;color:#666;margin-bottom:16px}@media (max-width: 576px){.features-section .features-header .features-label{font-size:12px;margin-bottom:12px}}.features-section .features-header .section-title{font-size:42px;font-weight:700;line-height:1.3;text-align:left}@media (max-width: 992px){.features-section .features-header .section-title{font-size:36px}}@media (max-width: 576px){.features-section .features-header .section-title{font-size:28px;line-height:1.2}}.features-section .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px}@media (max-width: 992px){.features-section .features-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 576px){.features-section .features-grid{grid-template-columns:1fr;gap:20px;margin-bottom:30px;padding:0 20px}}.features-section .feature-card{display:flex;flex-direction:column}@media (max-width: 576px){.features-section .feature-card{text-align:center}}.features-section .feature-card .feature-title{font-size:18px;font-weight:600;margin-bottom:10px;color:#000}@media (max-width: 576px){.features-section .feature-card .feature-title{font-size:16px;margin-bottom:8px}}.features-section .feature-card .feature-description{font-size:14px;line-height:1.6;color:#666;margin-bottom:20px;flex-grow:1}@media (max-width: 576px){.features-section .feature-card .feature-description{font-size:13px;margin-bottom:15px;line-height:1.5}}.features-section .feature-card .feature-icon{width:60px;height:60px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 576px){.features-section .feature-card .feature-icon{width:50px;height:50px;margin:0 auto 15px}}.features-section .feature-card .feature-icon svg,.features-section .feature-card .feature-icon img{width:24px;height:24px}@media (max-width: 576px){.features-section .feature-card .feature-icon svg,.features-section .feature-card .feature-icon img{width:20px;height:20px}}.how-to-work-section{padding:4rem 0;overflow:hidden;position:relative}@media (max-width: 576px){.how-to-work-section{padding:3rem 0}}.how-to-work-section .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 576px){.how-to-work-section .container{padding:0 1.25rem}}.how-to-work-section .how-to-work-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:4rem}@media (max-width: 992px){.how-to-work-section .how-to-work-content{flex-direction:column;gap:3rem}}@media (max-width: 576px){.how-to-work-section .how-to-work-content{gap:2rem}}.how-to-work-section .path-info{font-size:.875rem;color:#3339;margin-bottom:1rem}@media (max-width: 576px){.how-to-work-section .path-info{font-size:.8125rem;margin-bottom:.75rem}}.how-to-work-section .section-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:2.5rem;line-height:1.2;text-align:left}@media (max-width: 992px){.how-to-work-section .section-title{font-size:2.125rem;margin-bottom:2rem}}@media (max-width: 576px){.how-to-work-section .section-title{font-size:1.875rem;margin-bottom:1.5rem;line-height:1.3}}.how-to-work-section .image-container{flex:1;max-width:48%;position:relative;margin-top:100px}@media (max-width: 992px){.how-to-work-section .image-container{max-width:100%;margin-bottom:3rem;margin-top:2rem}}@media (max-width: 576px){.how-to-work-section .image-container{margin-top:1rem;margin-bottom:2rem}}.how-to-work-section .image-container .dashboard-image{width:100%;height:auto;border-radius:8px}.how-to-work-section .image-container .video-button{position:absolute;bottom:0;right:0}@media (max-width: 576px){.how-to-work-section .image-container .video-button{position:static;margin-top:1rem;display:flex;justify-content:center}}.how-to-work-section .image-container .video-button .btn-video{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;color:#333;padding:1rem 2rem 1rem 2.4rem;border-radius:100px 0 0;font-size:.875rem;font-weight:500}@media (max-width: 576px){.how-to-work-section .image-container .video-button .btn-video{padding:.875rem 1.75rem .875rem 2rem;border-radius:25px;font-size:.8125rem}}.how-to-work-section .image-container .video-button .btn-video .play-icon{margin-right:.5rem;transition:transform .3s ease}@media (max-width: 576px){.how-to-work-section .image-container .video-button .btn-video .play-icon{margin-right:.375rem}}.how-to-work-section .image-container .video-button .btn-video:hover{background-color:#f2f2f2}.how-to-work-section .image-container .video-button .btn-video:hover .play-icon{transform:scale(1.1)}.how-to-work-section .features-container{flex:1;max-width:48%}@media (max-width: 992px){.how-to-work-section .features-container{max-width:100%}}.how-to-work-section .features-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}@media (max-width: 576px){.how-to-work-section .features-list{gap:1.5rem;margin-bottom:1.5rem}}.how-to-work-section .feature-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:1rem}@media (max-width: 576px){.how-to-work-section .feature-item{gap:.875rem}}.how-to-work-section .feature-icon{flex-shrink:0;margin-top:.25rem}@media (max-width: 576px){.how-to-work-section .feature-icon{margin-top:.125rem}}.how-to-work-section .feature-icon img{display:block}@media (max-width: 576px){.how-to-work-section .feature-icon img{width:20px;height:20px}}.how-to-work-section .feature-content{flex:1}.how-to-work-section .feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#333}@media (max-width: 576px){.how-to-work-section .feature-title{font-size:1.125rem;margin-bottom:.5rem}}.how-to-work-section .feature-description{font-size:.9375rem;color:#333333b3;line-height:1.6}@media (max-width: 576px){.how-to-work-section .feature-description{font-size:.875rem;line-height:1.5}}.how-to-work-section .generate-voice{margin-top:2rem}@media (max-width: 576px){.how-to-work-section .generate-voice{margin-top:1.5rem;text-align:center}}.how-to-work-section .generate-voice .btn-generate{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.75rem 1.5rem;border-radius:2rem;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:padding-box,border-box;color:#333;font-size:.9375rem;font-weight:600;transition:all .3s ease}@media (max-width: 576px){.how-to-work-section .generate-voice .btn-generate{padding:.875rem 1.75rem;font-size:.875rem;border-radius:1.75rem}}.how-to-work-section .generate-voice .btn-generate .voice-icon{margin-right:.5rem;transition:transform .3s ease}@media (max-width: 576px){.how-to-work-section .generate-voice .btn-generate .voice-icon{margin-right:.375rem}}.how-to-work-section .generate-voice .btn-generate:hover{background-image:linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:border-box;color:#fff}.how-to-work-section .generate-voice .btn-generate:hover .voice-icon{transform:translate(3px)}.how-to-work-section .neural-networks-section{margin-top:6rem;padding-top:4rem;border-top:1px solid rgba(51,51,51,.1)}@media (max-width: 992px){.how-to-work-section .neural-networks-section{margin-top:4rem;padding-top:3rem}}@media (max-width: 576px){.how-to-work-section .neural-networks-section{margin-top:3rem;padding-top:2rem}}.how-to-work-section .neural-networks-section .neural-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;position:relative}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-header{flex-direction:column;margin-bottom:1.5rem}}.how-to-work-section .neural-networks-section .neural-header .section-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:2.5rem;line-height:1.2;text-align:left}@media (max-width: 992px){.how-to-work-section .neural-networks-section .neural-header .section-title{font-size:2.125rem;margin-bottom:2rem}}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-header .section-title{font-size:1.875rem;margin-bottom:1rem}}.how-to-work-section .neural-networks-section .neural-header .navigation-arrows{position:absolute;bottom:3rem;right:3rem;display:flex;gap:8px;border:1px solid transparent;border-radius:24px;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:padding-box,border-box}@media (max-width: 992px){.how-to-work-section .neural-networks-section .neural-header .navigation-arrows{bottom:2rem;right:2rem}}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-header .navigation-arrows{position:static;justify-content:center;margin-top:1rem}}.how-to-work-section .neural-networks-section .neural-header .navigation-arrows .nav-arrow{width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-header .navigation-arrows .nav-arrow{width:36px;height:36px}}.how-to-work-section .neural-networks-section .neural-header .navigation-arrows .nav-arrow img{transition:transform .3s ease}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-header .navigation-arrows .nav-arrow img{width:16px;height:16px}}.how-to-work-section .neural-networks-section .neural-header .navigation-arrows .nav-arrow:disabled{opacity:.6;cursor:not-allowed}.how-to-work-section .neural-networks-section .neural-header .navigation-arrows .nav-arrow:hover:not(:disabled){background-image:linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:border-box}.how-to-work-section .neural-networks-section .neural-header .navigation-arrows .nav-arrow:hover:not(:disabled) img{filter:brightness(0) saturate(100%) invert(100%);transform:scale(1.1)}.how-to-work-section .neural-networks-section .neural-items-wrapper{margin-top:3rem;margin-bottom:2rem;min-height:280px}@media (max-width: 992px){.how-to-work-section .neural-networks-section .neural-items-wrapper{min-height:520px;margin-top:2rem}}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-items-wrapper{min-height:600px;margin-top:1.5rem;margin-bottom:1rem}}.how-to-work-section .neural-networks-section .neural-items{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 992px){.how-to-work-section .neural-networks-section .neural-items{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-items{grid-template-columns:1fr;gap:1.5rem}}.how-to-work-section .neural-networks-section .neural-item{display:flex;gap:30px;position:relative;padding:1.5rem 1.5rem 1.5rem 1rem;height:250px;box-sizing:border-box}@media (max-width: 992px){.how-to-work-section .neural-networks-section .neural-item{height:220px;padding:1.25rem;gap:24px}}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-item{height:180px;gap:20px;padding:1rem 1rem 1rem .75rem}}.how-to-work-section .neural-networks-section .neural-number{font-size:4rem;font-weight:200;line-height:1;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#386bb7,#e24c4a);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px;-webkit-text-stroke-color:transparent}@media (max-width: 992px){.how-to-work-section .neural-networks-section .neural-number{font-size:3.5rem}}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-number{font-size:2.5rem}}.how-to-work-section .neural-networks-section .neural-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.how-to-work-section .neural-networks-section .neural-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;line-height:1.8em;height:3.6em;display:flex;align-items:flex-start;overflow:hidden}@media (max-width: 992px){.how-to-work-section .neural-networks-section .neural-title{font-size:1.1875rem;height:3.4em}}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-title{font-size:1.125rem;height:3em;margin-bottom:.75rem;line-height:1.6em}}.how-to-work-section .neural-networks-section .neural-description-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.how-to-work-section .neural-networks-section .neural-description{font-size:1rem;color:#333c;line-height:2.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}@media (max-width: 992px){.how-to-work-section .neural-networks-section .neural-description{font-size:.9375rem;line-height:2.1;-webkit-line-clamp:4}}@media (max-width: 576px){.how-to-work-section .neural-networks-section .neural-description{font-size:.875rem;line-height:2;-webkit-line-clamp:3}}.testimonial-section{position:relative;margin:2rem;height:550px;border-radius:8px;overflow:hidden;background-image:url(https://demo.artureanec.com/themes/neuros/wp-content/uploads/2024/05/de113d408b7da6ca4887fda93d4a120e-min.jpg);background-size:cover;background-position:center;color:#fff}.testimonial-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#000000d9,#0006);z-index:1}.testimonial-section .testimonial-container{position:relative;display:flex;width:100%;height:100%;z-index:2;gap:50px}.testimonial-section .testimonial-slide{width:50%;margin:100px 200px 0 0;padding:5rem 5rem 3rem;border-radius:24px;display:flex;flex-direction:column;justify-content:center;background-color:#000;box-sizing:border-box}.testimonial-section .testimonial-slide .quote-mark{position:absolute;top:8rem;left:4.5rem}.testimonial-section .testimonial-slide .quote-mark img{display:block}.testimonial-section .testimonial-slide .quote-content{margin-top:2rem;flex-grow:1;display:flex;flex-direction:column}.testimonial-section .testimonial-slide .quote-text{font-size:1.25rem;line-height:1.8;margin-bottom:2rem}.testimonial-section .testimonial-slide .quote-author{font-size:.9375rem;margin-top:auto;opacity:.7}.testimonial-section .testimonial-slide .navigation-arrows{display:flex;gap:.5rem;margin-top:3rem}.testimonial-section .testimonial-slide .navigation-arrows .nav-arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;background:transparent;transition:all .3s ease}.testimonial-section .testimonial-slide .navigation-arrows .nav-arrow img{transition:all .3s ease;filter:brightness(0) saturate(100%) invert(100%)}.testimonial-section .testimonial-slide .navigation-arrows .nav-arrow:hover{background-color:#ffffff1a;border-color:#ffffff80}.testimonial-section .testimonial-slide .navigation-arrows .nav-arrow:hover img{transform:scale(1.1)}.testimonial-section .testimonial-info{width:50%;padding:5rem 3rem;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.testimonial-section .testimonial-info .path-info{font-size:.875rem;opacity:.7;margin-bottom:1.5rem;text-align:left}.testimonial-section .testimonial-info .section-title{font-size:2.5rem;font-weight:700;margin-bottom:3.5rem;line-height:1.2;text-align:left}.testimonial-section .testimonial-info .clients-count{text-align:left}.testimonial-section .testimonial-info .clients-count .count{font-size:4rem;line-height:1;margin-bottom:.5rem;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px white}.testimonial-section .testimonial-info .clients-count .label{font-size:1.25rem}@media (max-width: 992px){.testimonial-section{height:auto}.testimonial-section .testimonial-container{flex-direction:column}.testimonial-section .testimonial-slide,.testimonial-section .testimonial-info{width:100%}.testimonial-section .testimonial-slide{margin:0}.testimonial-section .testimonial-slide .quote-mark{top:3rem;left:3rem}.testimonial-section .testimonial-info{padding-top:1rem}.testimonial-section .testimonial-info .section-title{font-size:2.5rem;margin-bottom:2.5rem}.testimonial-section .testimonial-info .clients-count .count{font-size:5rem}}@media (max-width: 576px){.testimonial-section .testimonial-slide,.testimonial-section .testimonial-info{padding:3rem 1.5rem}.testimonial-section .testimonial-slide .quote-mark{top:2rem;left:1.5rem}.testimonial-section .testimonial-info .path-info,.testimonial-section .testimonial-info .section-title,.testimonial-section .testimonial-info .clients-count{text-align:left}.testimonial-section .testimonial-info .section-title{font-size:2rem}.testimonial-section .testimonial-info .clients-count .count{font-size:4rem}}.pricing-section{padding:6rem 0;background-color:#fff}.pricing-section .container{max-width:1200px;margin:0 auto;padding:0 2rem}.pricing-section .pricing-wrapper{display:flex;gap:4rem}@media (max-width: 992px){.pricing-section .pricing-wrapper{flex-direction:column;gap:3rem}}.pricing-section .pricing-header{flex:0 0 35%}.pricing-section .pricing-header .path-info{font-size:.875rem;color:#3339;margin-bottom:1.5rem}.pricing-section .pricing-header .section-title{font-size:3rem;font-weight:700;line-height:1.2;color:#333;text-align:left}@media (max-width: 992px){.pricing-section .pricing-header .section-title{font-size:2.5rem}}@media (max-width: 576px){.pricing-section .pricing-header .section-title{font-size:2rem}}.pricing-section .pricing-plans{flex:0 0 65%;display:flex;flex-direction:column;gap:1.5rem}.pricing-section .pricing-card{display:grid;grid-template-columns:1fr 1.7fr .8fr;padding:2rem;border-radius:1rem;background-color:#fff;position:relative;z-index:1}.pricing-section .pricing-card:nth-child(1){border:1px solid rgba(51,51,51,.1)}.pricing-section .pricing-card:nth-child(2){background-color:#f5f5f5}.pricing-section .pricing-card:nth-child(3){background-color:#f0f2f5}.pricing-section .pricing-card.popular{background-color:#e9ebed}.pricing-section .pricing-card.popular:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:url(/images/pattern-bg.png) no-repeat;background-size:cover;opacity:.1;border-radius:0 0 1rem 1rem;z-index:-1}.pricing-section .pricing-card.special{background-color:#f2f2f7}.pricing-section .pricing-card.special:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:url(/images/pattern-bg.png) no-repeat;background-size:cover;opacity:.1;border-radius:0 0 1rem 1rem;z-index:-1}.pricing-section .pricing-card .popular-badge{position:absolute;top:0;left:22%;transform:translate(-50%);background-color:#fff;font-size:1rem;font-weight:500;padding:.5rem 1.5rem;border-radius:0 0 1.5rem 1.5rem;z-index:5;pointer-events:none}.pricing-section .pricing-card .special-badge{position:absolute;top:0;left:22%;transform:translate(-50%);background:linear-gradient(90deg,#386bb7,#e24c4a);color:#fff;font-size:1rem;font-weight:500;padding:.5rem 1.5rem;border-radius:0 0 1.5rem 1.5rem;z-index:5;pointer-events:none}.pricing-section .pricing-card .plan-info{margin-top:1.5rem;padding-right:1rem}.pricing-section .pricing-card .plan-name{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.pricing-section .pricing-card .plan-description{font-size:.9375rem;color:#333333b3}.pricing-section .pricing-card .plan-features{padding:0 1rem 0 .5rem}.pricing-section .pricing-card .features-list{list-style:none;padding:0;margin:0}.pricing-section .pricing-card .features-list li{display:flex;gap:.5rem;font-size:.9375rem;margin-bottom:.75rem}.pricing-section .pricing-card .features-list li .bullet{flex-shrink:0;color:#333}.pricing-section .pricing-card .plan-action{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10}.pricing-section .pricing-card .plan-price{text-align:right;margin-bottom:1.5rem}.pricing-section .pricing-card .plan-price .amount{font-size:3.5rem;font-weight:700;line-height:1}.pricing-section .pricing-card .plan-price .period{font-size:1rem;color:#333333b3}.pricing-section .pricing-card .btn-get-started{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:2rem;border:1px solid rgba(51,51,51,.2);background-color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#333;position:relative;z-index:10}.pricing-section .pricing-card .btn-get-started:hover{background-color:#333;color:#fff}.pricing-section .pricing-card .btn-get-started .arrow{font-size:1.125rem}.pricing-section .pricing-card.popular .btn-get-started{border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:padding-box,border-box}.pricing-section .pricing-card.popular .btn-get-started:hover{background-image:linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:border-box;color:#fff}.pricing-section .pricing-card.special .btn-get-started{border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:padding-box,border-box}.pricing-section .pricing-card.special .btn-get-started:hover{background-image:linear-gradient(90deg,#386bb7,#e24c4a);background-origin:border-box;background-clip:border-box;color:#fff}@media (max-width: 992px){.pricing-section .pricing-card{grid-template-columns:1fr 1fr;grid-template-areas:"info price" "features features"}.pricing-section .pricing-card .plan-info{grid-area:info}.pricing-section .pricing-card .plan-features{grid-area:features;padding:2rem 0 0}.pricing-section .pricing-card .plan-action{grid-area:price}}@media (max-width: 576px){.pricing-section{padding:4rem 0}.pricing-section .pricing-card{grid-template-columns:1fr;grid-template-areas:"info" "features" "price"}.pricing-section .pricing-card .popular-badge,.pricing-section .pricing-card .special-badge{left:30%}.pricing-section .pricing-card .plan-info{padding-right:0;margin-bottom:1.5rem}.pricing-section .pricing-card .plan-features{padding:0;margin-bottom:1.5rem}.pricing-section .pricing-card .plan-action{align-items:flex-start}.pricing-section .pricing-card .plan-action .plan-price{text-align:left;margin-bottom:1.5rem}}.faq-section{padding:5rem 0;background-color:#f5f7fa}.faq-section .container{max-width:1200px;margin:0 auto;padding:0 2rem}.faq-section .path-info{font-size:.875rem;color:#3339;margin-bottom:1.5rem;text-align:center}.faq-section .section-title{font-size:2.75rem;font-weight:700;line-height:1.2;color:#333;text-align:center;margin-bottom:3.5rem}@media (max-width: 992px){.faq-section .section-title{font-size:2.25rem}}@media (max-width: 576px){.faq-section .section-title{font-size:1.875rem}}.faq-section .faq-accordion{max-width:900px;margin:0 auto}.faq-section .faq-item{margin-bottom:.5rem}.faq-section .faq-question{display:flex;align-items:center;padding:1.5rem 0;cursor:pointer;transition:all .3s ease}.faq-section .faq-question:hover .question-text{color:#e44}.faq-section .faq-question.active .question-text{font-weight:600}.faq-section .question-number{flex:0 0 80px;font-size:1.25rem;font-weight:700;color:#333}.faq-section .question-text{flex:1;font-size:1.25rem;font-weight:500;color:#333;transition:color .3s ease;padding-right:2rem}.faq-section .question-toggle{flex:0 0 20px;display:flex;justify-content:center;align-items:center;color:#333}.faq-section .question-toggle img{transition:all .3s ease;flex-shrink:0}.faq-section .faq-answer{padding:0 0 1.5rem 80px}.faq-section .faq-answer p{font-size:1rem;line-height:1.6;color:#333c;max-width:700px}.faq-section .faq-divider{height:1px;background-color:#3333331a;width:100%}.faq-section .faq-more{display:flex;justify-content:center;margin-top:3rem}.faq-section .faq-more .btn-explore{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid rgba(51,51,51,.2);border-radius:2rem;font-size:.9375rem;font-weight:500;background-color:transparent;color:#333;cursor:pointer;transition:all .3s ease}.faq-section .faq-more .btn-explore:hover{background-color:#333;color:#fff}.faq-section .faq-more .btn-explore:hover img{filter:brightness(0) saturate(100%) invert(100%);transform:translate(3px)}.faq-section .faq-more .btn-explore img{transition:all .3s ease;flex-shrink:0}@media (max-width: 576px){.faq-section .question-number{flex:0 0 50px;font-size:1.125rem}.faq-section .question-text{font-size:1.125rem}.faq-section .faq-answer{padding-left:50px}}.blog-page .blog-header{padding:9rem 0 4rem;background-color:#f5f5f5}.blog-page .blog-header .header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.blog-page .blog-header .header-content .header-text{flex:1;text-align:left}.blog-page .blog-header .header-content .header-text h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.blog-page .blog-header .header-content .header-text p{font-size:1.25rem;color:#333333b3;max-width:600px;margin:0}.blog-page .blog-header .header-content .header-actions .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;white-space:nowrap}.blog-page .blog-header .header-content .header-actions .btn img{flex-shrink:0;transition:transform .3s ease}.blog-page .blog-header .header-content .header-actions .btn:hover img{transform:scale(1.1)}.blog-page .blog-content{padding:4rem 0;display:grid;grid-template-columns:300px 1fr;gap:3rem}.blog-page .blog-sidebar .blog-categories{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.blog-page .blog-sidebar .blog-categories h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#333}.blog-page .blog-sidebar .blog-categories .category-list{list-style:none;padding:0;margin:0}.blog-page .blog-sidebar .blog-categories .category-list li{margin-bottom:.75rem}.blog-page .blog-sidebar .blog-categories .category-list li:last-child{margin-bottom:0}.blog-page .blog-sidebar .blog-categories .category-list li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding:.5rem .75rem;color:#333;transition:all .3s ease;border-radius:6px;font-size:.9rem}.blog-page .blog-sidebar .blog-categories .category-list li a:hover{color:#e44;background:#ee44440d}.blog-page .blog-sidebar .blog-categories .category-list li a .category-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.blog-page .blog-sidebar .blog-categories .category-list li.active a{color:#e44;font-weight:500;background:#ee44441a}.blog-page .blog-sidebar .admin-panel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.blog-page .blog-sidebar .admin-panel h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.blog-page .blog-sidebar .admin-panel .admin-links{display:flex;flex-direction:column;gap:.75rem}.blog-page .blog-sidebar .admin-panel .admin-links .admin-link{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;transition:all .3s ease;font-size:.875rem;font-weight:500}.blog-page .blog-sidebar .admin-panel .admin-links .admin-link img{flex-shrink:0;filter:brightness(0) saturate(100%) invert(100%);transition:transform .3s ease}.blog-page .blog-sidebar .admin-panel .admin-links .admin-link:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.blog-page .blog-sidebar .admin-panel .admin-links .admin-link:hover img{transform:scale(1.1)}.blog-page .blog-sidebar .login-suggestion{background:#fff;border:2px dashed #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center;margin-bottom:2rem}.blog-page .blog-sidebar .login-suggestion h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#333}.blog-page .blog-sidebar .login-suggestion p{font-size:.875rem;color:#333333b3;margin-bottom:1.25rem;line-height:1.5}.blog-page .blog-sidebar .login-suggestion .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem}.blog-page .blog-sidebar .login-suggestion .btn.btn-outline{background:transparent;border:2px solid #EE4444;color:#e44}.blog-page .blog-sidebar .login-suggestion .btn.btn-outline:hover{background:#e44;color:#fff}.blog-page .blog-sidebar .user-info{background:#ee44440d;border:1px solid rgba(238,68,68,.2);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.blog-page .blog-sidebar .user-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#e44}.blog-page .blog-sidebar .user-info p{font-size:.875rem;color:#333333b3;margin:0;line-height:1.5}.blog-page .blog-posts .loading{text-align:center;padding:3rem;color:#333333b3}.blog-page .blog-posts .loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(238,68,68,.3);border-top:3px solid #EE4444;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.blog-page .blog-posts .error-state{text-align:center;padding:5rem 2rem}.blog-page .blog-posts .error-state img{color:#3336;margin-bottom:2rem;opacity:.6}.blog-page .blog-posts .error-state h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#333}.blog-page .blog-posts .error-state p{font-size:1.125rem;color:#333333b3;margin-bottom:2rem;line-height:1.5}.blog-page .blog-posts .error-state .error-content{max-width:500px;margin:0 auto}.blog-page .blog-posts .error-state .error-content .btn img{filter:brightness(0) saturate(100%) invert(100%);transition:transform .3s ease}.blog-page .blog-posts .error-state .error-content .btn:hover img{transform:scale(1.1)}.blog-page .blog-posts .empty-state{text-align:center;padding:5rem 2rem}.blog-page .blog-posts .empty-state img{color:#3336;margin-bottom:2rem;opacity:.6}.blog-page .blog-posts .empty-state h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#333}.blog-page .blog-posts .empty-state p{font-size:1.125rem;color:#333333b3;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}.blog-page .blog-posts .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.blog-page .blog-posts .post-card{border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;background-color:#fff}.blog-page .blog-posts .post-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.blog-page .blog-posts .post-card .post-image{height:200px;overflow:hidden;position:relative}.blog-page .blog-posts .post-card .post-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.blog-page .blog-posts .post-card .post-image img:hover{transform:scale(1.05)}.blog-page .blog-posts .post-card .post-image .image-placeholder{width:100%;height:100%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:3rem}.blog-page .blog-posts .post-card .post-image .post-stats{position:absolute;top:1rem;right:1rem;background-color:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blog-page .blog-posts .post-card .post-image .post-stats .views{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem}.blog-page .blog-posts .post-card .post-image .post-stats .views img{width:12px;height:12px;filter:brightness(0) saturate(100%) invert(100%)}.blog-page .blog-posts .post-card .post-content{padding:1.5rem}.blog-page .blog-posts .post-card .post-content .post-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1rem}.blog-page .blog-posts .post-card .post-content .post-meta .post-category{color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:1rem;white-space:nowrap}.blog-page .blog-posts .post-card .post-content .post-meta .post-date{font-size:.875rem;color:#3339}.blog-page .blog-posts .post-card .post-content .post-title{margin-bottom:1rem}.blog-page .blog-posts .post-card .post-content .post-title a{font-size:1.25rem;font-weight:600;color:#333;line-height:1.4;transition:all .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-posts .post-card .post-content .post-title a:hover{color:#e44}.blog-page .blog-posts .post-card .post-content .post-excerpt{font-size:.9375rem;color:#333333b3;margin-bottom:1.5rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-posts .post-card .post-content .post-author{font-size:.875rem;color:#333333b3}.blog-page .blog-posts .pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.blog-page .blog-posts .pagination .pagination-item{width:40px;height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:8px;background-color:#fff;border:1px solid rgba(51,51,51,.1);color:#333;transition:all .3s ease}.blog-page .blog-posts .pagination .pagination-item img{transition:transform .3s ease}.blog-page .blog-posts .pagination .pagination-item:hover:not(.disabled){background-color:#ee44440d;border-color:#e44;color:#e44}.blog-page .blog-posts .pagination .pagination-item:hover:not(.disabled) img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);transform:scale(1.1)}.blog-page .blog-posts .pagination .pagination-item.active{background-color:#e44;border-color:#e44;color:#fff}.blog-page .blog-posts .pagination .pagination-item.disabled{opacity:.5;cursor:not-allowed}.blog-page .blog-posts .pagination .pagination-item.disabled:hover{background-color:#fff;border-color:#3333331a;color:#333}.blog-page .blog-posts .pagination .pagination-item.disabled:hover img{filter:none;transform:none}@media (max-width: 992px){.blog-page .blog-header .header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.blog-page .blog-header .header-content .header-text{text-align:left}.blog-page .blog-header .header-content .header-text h1{font-size:2.5rem}.blog-page .blog-content{grid-template-columns:1fr;gap:2rem}.blog-page .blog-sidebar .blog-categories .category-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem}.blog-page .blog-sidebar .blog-categories .category-list li{margin-bottom:0}.blog-page .blog-sidebar .blog-categories .category-list li a{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:.875rem}.blog-page .blog-sidebar .blog-categories .category-list li a .category-color{width:10px;height:10px}.blog-page .blog-sidebar .admin-panel .admin-links{flex-direction:row;gap:.5rem}.blog-page .blog-sidebar .admin-panel .admin-links .admin-link{flex:1;justify-content:center;padding:.75rem .5rem;font-size:.8rem}}@media (max-width: 576px){.blog-page .blog-header{padding:6rem 0 3rem}.blog-page .blog-header .header-content .header-text h1{margin-top:30px;font-size:2.25rem}.blog-page .blog-header .header-content .header-text p{font-size:1rem}.blog-page .blog-header .header-content .header-actions{width:100%}.blog-page .blog-header .header-content .header-actions .btn{width:100%;justify-content:center}.blog-page .blog-content{padding:3rem 0;gap:1.5rem}.blog-page .blog-content .blog-sidebar{order:2}.blog-page .blog-content .blog-posts{order:1}.blog-page .blog-sidebar .admin-panel .admin-links{flex-direction:column;gap:.75rem}.blog-page .blog-sidebar .admin-panel .admin-links .admin-link{justify-content:flex-start}.blog-page .blog-sidebar .blog-categories .category-list{flex-direction:column;gap:0}.blog-page .blog-sidebar .blog-categories .category-list li{margin-bottom:.5rem}.blog-page .blog-sidebar .blog-categories .category-list li a{padding:.75rem;border-radius:6px}.blog-page .blog-posts .posts-grid{grid-template-columns:1fr}}.category-page .category-header{padding:9rem 0 4rem;background-color:#f5f5f5}.category-page .category-header .header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.category-page .category-header .header-content .header-text{flex:1;text-align:left}.category-page .category-header .header-content .header-text .title-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:1.5rem;margin-bottom:1rem}.category-page .category-header .header-content .header-text .title-row h1{font-size:3rem;font-weight:700;margin:0}.category-page .category-header .header-content .header-text .title-row .category-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;font-size:.875rem;color:#3339;white-space:nowrap}.category-page .category-header .header-content .header-text .title-row .category-meta .post-count{font-weight:600;color:#e44}.category-page .category-header .header-content .header-text .title-row .category-meta .total-posts{opacity:.8}.category-page .category-header .header-content .header-text p{font-size:1.25rem;color:#333333b3;margin:0}.category-page .category-header .header-content .header-actions .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;white-space:nowrap}.category-page .category-header .header-content .header-actions .btn img{flex-shrink:0;transition:transform .3s ease}.category-page .category-header .header-content .header-actions .btn:hover img{transform:scale(1.1)}.category-page .category-content{padding:4rem 0;display:grid;grid-template-columns:300px 1fr;gap:3rem}.category-page .category-sidebar .blog-categories{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.category-page .category-sidebar .blog-categories h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#333}.category-page .category-sidebar .blog-categories .category-list{list-style:none;padding:0;margin:0}.category-page .category-sidebar .blog-categories .category-list li{margin-bottom:.75rem}.category-page .category-sidebar .blog-categories .category-list li:last-child{margin-bottom:0}.category-page .category-sidebar .blog-categories .category-list li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding:.5rem .75rem;color:#333;transition:all .3s ease;border-radius:6px;font-size:.9rem}.category-page .category-sidebar .blog-categories .category-list li a:hover{color:#e44;background:#ee44440d}.category-page .category-sidebar .blog-categories .category-list li a .category-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-page .category-sidebar .blog-categories .category-list li.active a{color:#e44;font-weight:500;background:#ee44441a}.category-page .category-sidebar .admin-panel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.category-page .category-sidebar .admin-panel h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.category-page .category-sidebar .admin-panel .admin-links{display:flex;flex-direction:column;gap:.75rem}.category-page .category-sidebar .admin-panel .admin-links .admin-link{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;transition:all .3s ease;font-size:.875rem;font-weight:500}.category-page .category-sidebar .admin-panel .admin-links .admin-link img{flex-shrink:0;filter:brightness(0) saturate(100%) invert(100%);transition:transform .3s ease}.category-page .category-sidebar .admin-panel .admin-links .admin-link:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.category-page .category-sidebar .admin-panel .admin-links .admin-link:hover img{transform:scale(1.1)}.category-page .category-sidebar .recent-posts{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.category-page .category-sidebar .recent-posts h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#333}.category-page .category-sidebar .recent-posts .recent-posts-list{list-style:none;padding:0;margin:0}.category-page .category-sidebar .recent-posts .recent-posts-list li{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(51,51,51,.1)}.category-page .category-sidebar .recent-posts .recent-posts-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.category-page .category-sidebar .recent-posts .recent-posts-list li a{display:block;transition:all .3s ease}.category-page .category-sidebar .recent-posts .recent-posts-list li a:hover{transform:translateY(-1px)}.category-page .category-sidebar .recent-posts .recent-posts-list li a:hover .recent-post-title{color:#e44}.category-page .category-sidebar .recent-posts .recent-posts-list li a .recent-post-content .recent-post-title{font-size:.9375rem;font-weight:600;color:#333;line-height:1.4;margin-bottom:.5rem;transition:all .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-page .category-sidebar .recent-posts .recent-posts-list li a .recent-post-content .recent-post-date{font-size:.8125rem;color:#3339}.category-page .category-sidebar .login-suggestion{background:#fff;border:2px dashed #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center;margin-bottom:2rem}.category-page .category-sidebar .login-suggestion h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#333}.category-page .category-sidebar .login-suggestion p{font-size:.875rem;color:#333333b3;margin-bottom:1.25rem;line-height:1.5}.category-page .category-sidebar .login-suggestion .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem}.category-page .category-sidebar .login-suggestion .btn.btn-outline{background:transparent;border:2px solid #EE4444;color:#e44}.category-page .category-sidebar .login-suggestion .btn.btn-outline:hover{background:#e44;color:#fff}.category-page .category-sidebar .user-info{background:#ee44440d;border:1px solid rgba(238,68,68,.2);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.category-page .category-sidebar .user-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#e44}.category-page .category-sidebar .user-info p{font-size:.875rem;color:#333333b3;margin:0;line-height:1.5}.category-page .category-posts .loading{text-align:center;padding:3rem;color:#333333b3}.category-page .category-posts .loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(238,68,68,.3);border-top:3px solid #EE4444;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.category-page .category-posts .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.category-page .category-posts .post-card{border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;background-color:#fff}.category-page .category-posts .post-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.category-page .category-posts .post-card .post-image{height:200px;overflow:hidden;position:relative}.category-page .category-posts .post-card .post-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.category-page .category-posts .post-card .post-image img:hover{transform:scale(1.05)}.category-page .category-posts .post-card .post-image .image-placeholder{width:100%;height:100%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:3rem}.category-page .category-posts .post-card .post-image .post-stats{position:absolute;top:1rem;right:1rem;background-color:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-page .category-posts .post-card .post-image .post-stats .views{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem}.category-page .category-posts .post-card .post-image .post-stats .views img{width:12px;height:12px;filter:brightness(0) saturate(100%) invert(100%)}.category-page .category-posts .post-card .post-content{padding:1.5rem}.category-page .category-posts .post-card .post-content .post-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1rem}.category-page .category-posts .post-card .post-content .post-meta .post-category{color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:1rem}.category-page .category-posts .post-card .post-content .post-meta .post-date{font-size:.875rem;color:#3339}.category-page .category-posts .post-card .post-content .post-title{margin-bottom:1rem}.category-page .category-posts .post-card .post-content .post-title a{font-size:1.25rem;font-weight:600;color:#333;line-height:1.4;transition:all .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-page .category-posts .post-card .post-content .post-title a:hover{color:#e44}.category-page .category-posts .post-card .post-content .post-excerpt{font-size:.9375rem;color:#333333b3;margin-bottom:1.5rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-page .category-posts .post-card .post-content .post-author{font-size:.875rem;color:#333333b3}.category-page .category-posts .empty-state{text-align:center;padding:5rem 2rem}.category-page .category-posts .empty-state img{opacity:.6;margin-bottom:2rem}.category-page .category-posts .empty-state h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#333}.category-page .category-posts .empty-state p{font-size:1.125rem;color:#333333b3;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}.category-page .category-posts .empty-state .empty-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.category-page .category-posts .empty-state .empty-actions .btn{min-width:150px}.category-page .category-posts .pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.category-page .category-posts .pagination .pagination-item{width:40px;height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:8px;background-color:#fff;border:1px solid rgba(51,51,51,.1);color:#333;transition:all .3s ease}.category-page .category-posts .pagination .pagination-item img{transition:transform .3s ease}.category-page .category-posts .pagination .pagination-item:hover:not(.disabled){background-color:#ee44440d;border-color:#e44;color:#e44}.category-page .category-posts .pagination .pagination-item:hover:not(.disabled) img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);transform:scale(1.1)}.category-page .category-posts .pagination .pagination-item.active{background-color:#e44;border-color:#e44;color:#fff}.category-page .category-posts .pagination .pagination-item.disabled{opacity:.5;cursor:not-allowed}.category-page .category-posts .pagination .pagination-item.disabled:hover{background-color:#fff;border-color:#3333331a;color:#333}.category-page .category-posts .pagination .pagination-item.disabled:hover img{filter:none;transform:none}.category-page .error-state,.category-page .category-not-found{text-align:center;padding:5rem 2rem}.category-page .error-state img,.category-page .category-not-found img{opacity:.6;margin-bottom:2rem}.category-page .error-state h1,.category-page .error-state h3,.category-page .category-not-found h1,.category-page .category-not-found h3{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#333}.category-page .error-state p,.category-page .category-not-found p{font-size:1.25rem;color:#333333b3;margin-bottom:2rem;line-height:1.5}.category-page .error-state .error-content,.category-page .category-not-found .error-content{max-width:500px;margin:0 auto}.category-page .error-state .error-content .btn img,.category-page .category-not-found .error-content .btn img{filter:brightness(0) saturate(100%) invert(100%);transition:transform .3s ease}.category-page .error-state .error-content .btn:hover img,.category-page .category-not-found .error-content .btn:hover img{transform:scale(1.1)}.category-page .error-state .error-content .error-details,.category-page .category-not-found .error-content .error-details{margin-top:2rem;padding:1rem;background-color:#f5f5f5;border-radius:8px;font-size:.875rem;text-align:left}.category-page .error-state .error-content .error-details p,.category-page .category-not-found .error-content .error-details p{margin-bottom:.5rem;font-size:.875rem}.category-page .error-state .debug-info,.category-page .category-not-found .debug-info{margin:1rem 0;padding:1rem;background-color:#ee44440d;border-radius:8px;font-size:.875rem}.category-page .error-state .debug-info p,.category-page .category-not-found .debug-info p{margin:0;font-size:.875rem;color:#333c}@media (max-width: 992px){.category-page .category-header .header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.category-page .category-header .header-content .header-text{text-align:left}.category-page .category-header .header-content .header-text .title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.category-page .category-header .header-content .header-text .title-row h1{font-size:2.5rem}.category-page .category-header .header-content .header-text .title-row .category-meta{justify-content:flex-start}.category-page .category-content{grid-template-columns:1fr;gap:2rem}.category-page .category-sidebar .blog-categories .category-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem}.category-page .category-sidebar .blog-categories .category-list li{margin-bottom:0}.category-page .category-sidebar .blog-categories .category-list li a{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:.875rem}.category-page .category-sidebar .blog-categories .category-list li a .category-color{width:10px;height:10px}.category-page .category-sidebar .admin-panel .admin-links{flex-direction:row;gap:.5rem}.category-page .category-sidebar .admin-panel .admin-links .admin-link{flex:1;justify-content:center;padding:.75rem .5rem;font-size:.8rem}}@media (max-width: 576px){.category-page .category-header{padding:6rem 0 3rem}.category-page .category-header .header-content .header-text .title-row h1{font-size:2.25rem}.category-page .category-header .header-content .header-text .title-row .category-meta{justify-content:flex-start}.category-page .category-header .header-content .header-text p{font-size:1rem}.category-page .category-header .header-content .header-actions{width:100%}.category-page .category-header .header-content .header-actions .btn{width:100%;justify-content:center}.category-page .category-content{padding:3rem 0;gap:1.5rem}.category-page .category-content .category-sidebar{order:2}.category-page .category-content .category-posts{order:1}.category-page .category-sidebar .admin-panel .admin-links{flex-direction:column;gap:.75rem}.category-page .category-sidebar .admin-panel .admin-links .admin-link{justify-content:flex-start}.category-page .category-sidebar .blog-categories .category-list{flex-direction:column;gap:0}.category-page .category-sidebar .blog-categories .category-list li{margin-bottom:.5rem}.category-page .category-sidebar .blog-categories .category-list li a{padding:.75rem;border-radius:6px}.category-page .category-posts .posts-grid{grid-template-columns:1fr}.category-page .error-state,.category-page .category-not-found{padding:3rem 1rem}.category-page .error-state h1,.category-page .error-state h3,.category-page .category-not-found h1,.category-page .category-not-found h3{font-size:2rem}.category-page .error-state p,.category-page .category-not-found p{font-size:1.125rem}.category-page .error-state .empty-actions,.category-page .category-not-found .empty-actions{flex-direction:column}.category-page .error-state .empty-actions .btn,.category-page .category-not-found .empty-actions .btn{width:100%;max-width:250px}}.markdown-renderer .markdown-content{line-height:1.6;color:inherit}.markdown-renderer .markdown-content h1,.markdown-renderer .markdown-content h2,.markdown-renderer .markdown-content h3,.markdown-renderer .markdown-content h4,.markdown-renderer .markdown-content h5,.markdown-renderer .markdown-content h6{margin:1em 0 .5em;font-weight:600;line-height:1.3;color:#fff}.markdown-renderer .markdown-content h1:first-child,.markdown-renderer .markdown-content h2:first-child,.markdown-renderer .markdown-content h3:first-child,.markdown-renderer .markdown-content h4:first-child,.markdown-renderer .markdown-content h5:first-child,.markdown-renderer .markdown-content h6:first-child{margin-top:0}.markdown-renderer .markdown-content h1{font-size:1.8rem}.markdown-renderer .markdown-content h2{font-size:1.5rem}.markdown-renderer .markdown-content h3{font-size:1.2rem}.markdown-renderer .markdown-content h4{font-size:1.1rem}.markdown-renderer .markdown-content h5{font-size:1rem}.markdown-renderer .markdown-content h6{font-size:.9rem}.markdown-renderer .markdown-content p{margin:0 0 1em}.markdown-renderer .markdown-content p:last-child{margin-bottom:0}.markdown-renderer .markdown-content strong,.markdown-renderer .markdown-content b{font-weight:600;color:inherit}.markdown-renderer .markdown-content em,.markdown-renderer .markdown-content i{font-style:italic}.markdown-renderer .markdown-content u{text-decoration:underline}.markdown-renderer .markdown-content a{color:#4c6ef5;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.markdown-renderer .markdown-content a:hover{border-bottom-color:#4c6ef5;color:#5c7cfa}.markdown-renderer .markdown-content a:focus{outline:2px solid #4c6ef5;outline-offset:2px;border-radius:2px}.markdown-renderer .markdown-content ul,.markdown-renderer .markdown-content ol{margin:1em 0;padding-left:2em}.markdown-renderer .markdown-content ul li,.markdown-renderer .markdown-content ol li{margin:.5em 0;line-height:1.6}.markdown-renderer .markdown-content ul ul,.markdown-renderer .markdown-content ul ol,.markdown-renderer .markdown-content ol ul,.markdown-renderer .markdown-content ol ol{margin:.5em 0}.markdown-renderer .markdown-content ul{list-style-type:disc}.markdown-renderer .markdown-content ul ul{list-style-type:circle}.markdown-renderer .markdown-content ul ul ul{list-style-type:square}.markdown-renderer .markdown-content ol{list-style-type:decimal}.markdown-renderer .markdown-content ol ol{list-style-type:lower-alpha}.markdown-renderer .markdown-content ol ol ol{list-style-type:lower-roman}.markdown-renderer .markdown-content code{background:#ffffff1a;padding:.2em .4em;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;color:#e74c3c;border:1px solid rgba(255,255,255,.1)}.markdown-renderer .markdown-content pre{background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:1em;margin:1em 0;overflow-x:auto}.markdown-renderer .markdown-content pre code{background:none;padding:0;border:none;color:#f8f8f2;font-size:.85rem}.markdown-renderer .markdown-content blockquote{margin:1em 0;padding:1em 1em 1em 1.5em;border-left:4px solid #4c6ef5;background:#4c6ef51a;border-radius:0 6px 6px 0;font-style:italic}.markdown-renderer .markdown-content blockquote p:last-child{margin-bottom:0}.markdown-renderer .markdown-content table{width:100%;border-collapse:collapse;margin:1em 0;background:#ffffff0d;border-radius:6px;overflow:hidden}.markdown-renderer .markdown-content table th,.markdown-renderer .markdown-content table td{padding:.75em;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.markdown-renderer .markdown-content table th{background:#ffffff1a;font-weight:600;color:#4c6ef5}.markdown-renderer .markdown-content table tr:hover{background:#ffffff0d}.markdown-renderer .markdown-content table tr:last-child td{border-bottom:none}.markdown-renderer .markdown-content .markdown-image-wrapper{text-align:center;margin:1.5em auto}.markdown-renderer .markdown-content .markdown-image-wrapper img{max-width:100%;height:auto;border-radius:6px;margin:0 auto;display:block;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.markdown-renderer .markdown-content .markdown-image-wrapper img:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.markdown-renderer .markdown-content .markdown-image-wrapper .image-caption{font-size:.875rem;color:#888;font-style:italic;text-align:center;line-height:1.4;margin-top:.75em;padding:0 1em}.markdown-renderer .markdown-content .embed-isolation{display:block;width:100%;margin:2.5em 0;clear:both;isolation:isolate;contain:layout style}.markdown-renderer .markdown-content .embed-isolation:before,.markdown-renderer .markdown-content .embed-isolation:after{content:"";display:table;clear:both}.markdown-renderer .markdown-content .markdown-embed-wrapper{text-align:center;position:relative}.markdown-renderer .markdown-content .markdown-embed-wrapper iframe{width:80%;height:auto;min-height:315px;border:0;border-radius:12px;box-shadow:0 8px 24px #0006;background:#ffffff0d;display:inline-block;transition:transform .3s ease,box-shadow .3s ease}.markdown-renderer .markdown-content .markdown-embed-wrapper iframe:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000080}.markdown-renderer .markdown-content .markdown-embed-wrapper.video-embed{padding-bottom:45%;height:0}.markdown-renderer .markdown-content .markdown-embed-wrapper.video-embed iframe{position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:100%;min-height:auto;display:block}.markdown-renderer .markdown-content .markdown-embed-wrapper.video-embed iframe:hover{transform:translate(-50%) translateY(-2px)}.markdown-renderer .markdown-content .embed-isolation+p{margin-top:.75em!important;margin-bottom:1.5em!important;font-size:.875rem;color:#888;text-align:center;font-style:italic;line-height:1.4}.markdown-renderer .markdown-content .embed-isolation+p strong{color:#aaa!important;font-weight:600;font-style:normal}.markdown-renderer .markdown-content .embed-isolation+p em{color:#999!important;font-style:italic}.markdown-renderer .markdown-content .embed-isolation+p:first-line{font-weight:500}.markdown-renderer .markdown-content .blocked-embed{width:80%;margin:2.5em auto;padding:1.5em;background:#e74c3c26;border:2px solid rgba(231,76,60,.4);border-radius:12px;color:#ff6b6b;text-align:center;font-style:italic;font-size:1rem;font-weight:500}.markdown-renderer .markdown-content .blocked-embed:before{content:"🚫";display:block;font-size:2rem;margin-bottom:.5em}.markdown-renderer .markdown-content hr{border:none;height:2px;background:#333;margin:2em 0;border-radius:1px;opacity:.6}.markdown-renderer .markdown-content hr:hover{opacity:1}.markdown-renderer .markdown-content br{line-height:1.6}.markdown-renderer .markdown-content>*:first-child{margin-top:0}.markdown-renderer .markdown-content>*:last-child{margin-bottom:0}.markdown-renderer .expand-button{margin-top:.75em;padding:.5em 1em;background:transparent;color:#4c6ef5;border:1px solid #4c6ef5;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.markdown-renderer .expand-button:hover{background:#4c6ef5;color:#fff}.markdown-renderer .expand-button:focus{outline:2px solid #4c6ef5;outline-offset:2px}@media (max-width: 768px){.markdown-renderer .markdown-content h1{font-size:1.5rem}.markdown-renderer .markdown-content h2{font-size:1.3rem}.markdown-renderer .markdown-content h3{font-size:1.2rem}.markdown-renderer .markdown-content h4{font-size:1.1rem}.markdown-renderer .markdown-content ul,.markdown-renderer .markdown-content ol{padding-left:1.5em}.markdown-renderer .markdown-content pre{padding:.75em;font-size:.8rem}.markdown-renderer .markdown-content table{font-size:.9rem}.markdown-renderer .markdown-content table th,.markdown-renderer .markdown-content table td{padding:.5em}.markdown-renderer .markdown-content .embed-isolation{margin:2em 0}.markdown-renderer .markdown-content .markdown-embed-wrapper iframe{width:95%;min-height:250px;border-radius:8px}.markdown-renderer .markdown-content .markdown-embed-wrapper.video-embed{padding-bottom:53.4%}.markdown-renderer .markdown-content .markdown-embed-wrapper.video-embed iframe{width:95%}.markdown-renderer .markdown-content .markdown-embed-wrapper.video-embed iframe:hover{transform:translate(-50%) translateY(-1px)}.markdown-renderer .markdown-content .embed-isolation+p{font-size:.8rem;margin-top:.5em!important;margin-bottom:1.2em!important;padding:0 1em}.markdown-renderer .markdown-content .blocked-embed{width:95%;margin:2em auto;padding:1em;font-size:.9rem}.markdown-renderer .markdown-content .blocked-embed:before{font-size:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.markdown-renderer .markdown-content .markdown-embed-wrapper iframe{width:85%}.markdown-renderer .markdown-content .markdown-embed-wrapper.video-embed{padding-bottom:47.8%}.markdown-renderer .markdown-content .markdown-embed-wrapper.video-embed iframe{width:85%}.markdown-renderer .markdown-content .embed-isolation+p{font-size:.85rem}.markdown-renderer .markdown-content .blocked-embed{width:85%}}.markdown-renderer.faq-answer .markdown-content{font-size:1rem;color:#ccc}.markdown-renderer.faq-answer .markdown-content p{margin-bottom:.75em}.markdown-renderer.faq-answer .markdown-content code{background:#4c6ef533;color:#74c0fc}.markdown-renderer.faq-answer .markdown-content .markdown-embed-wrapper iframe{width:70%}.markdown-renderer.faq-answer .markdown-content .markdown-embed-wrapper.video-embed{padding-bottom:39.375%}.markdown-renderer.faq-answer .markdown-content .markdown-embed-wrapper.video-embed iframe{width:70%}.markdown-renderer.faq-answer .markdown-content .embed-isolation+p{font-size:.8rem}.markdown-renderer.faq-answer .markdown-content .blocked-embed{width:70%}.markdown-renderer.blog-post .markdown-content{font-size:1.1rem;line-height:1.7}.markdown-renderer.blog-post .markdown-content h1,.markdown-renderer.blog-post .markdown-content h2,.markdown-renderer.blog-post .markdown-content h3{color:#fff}.markdown-renderer.blog-post .markdown-content p{margin-bottom:1.2em}.markdown-renderer.blog-post .markdown-content .markdown-embed-wrapper iframe{width:90%}.markdown-renderer.blog-post .markdown-content .markdown-embed-wrapper.video-embed{padding-bottom:50.6%}.markdown-renderer.blog-post .markdown-content .markdown-embed-wrapper.video-embed iframe{width:90%}.markdown-renderer.blog-post .markdown-content .embed-isolation+p{font-size:.9rem}.markdown-renderer.blog-post .markdown-content .blocked-embed{width:90%}.markdown-renderer.compact .markdown-content{font-size:.9rem;line-height:1.5}.markdown-renderer.compact .markdown-content h1,.markdown-renderer.compact .markdown-content h2,.markdown-renderer.compact .markdown-content h3,.markdown-renderer.compact .markdown-content h4,.markdown-renderer.compact .markdown-content h5,.markdown-renderer.compact .markdown-content h6{margin:.5em 0 .25em}.markdown-renderer.compact .markdown-content p{margin-bottom:.5em}.markdown-renderer.compact .markdown-content ul,.markdown-renderer.compact .markdown-content ol{margin:.5em 0}.markdown-renderer.compact .markdown-content .embed-isolation{margin:1.5em 0}.markdown-renderer.compact .markdown-content .markdown-embed-wrapper iframe{width:70%;min-height:200px}.markdown-renderer.compact .markdown-content .markdown-embed-wrapper.video-embed{padding-bottom:39.375%}.markdown-renderer.compact .markdown-content .markdown-embed-wrapper.video-embed iframe{width:70%;min-height:auto}.markdown-renderer.compact .markdown-content .embed-isolation+p{font-size:.75rem;margin-top:.5em!important;margin-bottom:1em!important}.markdown-renderer.compact .markdown-content .blocked-embed{width:70%;margin:1.5em auto;padding:1em;font-size:.85rem}.markdown-renderer.compact .markdown-content .blocked-embed:before{font-size:1.2rem}.post-page{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.post-page .post-header{padding:7rem 0 4rem;background-color:#f5f5f5;text-align:center;position:relative;z-index:1}.post-page .post-header .container{max-width:1200px;margin:3rem auto 0;padding:0 1rem}.post-page .post-header .post-breadcrumb{margin-bottom:1.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;color:#3339}.post-page .post-header .post-breadcrumb a{color:#e44;text-decoration:none;transition:all .3s ease}.post-page .post-header .post-breadcrumb a:hover{color:#ea1515}.post-page .post-header .post-breadcrumb .separator{margin:0 .25rem}.post-page .post-header .post-breadcrumb .current{color:#333c;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-page .post-header .post-meta{margin-bottom:1.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.post-page .post-header .post-meta .post-category{background-color:#e44;color:#fff;padding:.35rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;display:inline-block;min-height:1.5rem;line-height:1.2}.post-page .post-header .post-meta .post-date{font-size:1rem;color:#333333b3;white-space:nowrap}.post-page .post-header .post-meta .post-views{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;font-size:.875rem;color:#3339;white-space:nowrap}.post-page .post-header .post-meta .post-views img{flex-shrink:0;opacity:.7}.post-page .post-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;max-width:900px;margin-left:auto;margin-right:auto;line-height:1.2;text-wrap:balance;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.post-page .post-header .post-author-info .author-details{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.post-page .post-header .post-author-info .author-details .author-name{font-size:1.125rem;color:#333c;font-weight:500}.post-page .post-header .post-author-info .author-details .reading-time{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;font-size:1rem;color:#3339;white-space:nowrap}.post-page .post-header .post-author-info .author-details .reading-time img{flex-shrink:0;opacity:.7}.post-page .post-header .post-author-info .author-details .seo-keyword{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;font-size:.875rem;color:#e44;background:#ee44441a;padding:.25rem .5rem;border-radius:12px;white-space:nowrap}.post-page .post-header .post-author-info .author-details .seo-keyword img{flex-shrink:0;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.post-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.post-page .post-content{padding:4rem 0;display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}@media (max-width: 768px){.post-page .post-content{grid-template-columns:1fr;gap:2rem}}.post-page .loading,.post-page .error-state,.post-page .post-not-found{padding:5rem 0;text-align:center}.post-page .loading .loading-spinner,.post-page .error-state .loading-spinner,.post-page .post-not-found .loading-spinner{width:40px;height:40px;border:3px solid rgba(238,68,68,.3);border-top:3px solid #EE4444;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.post-page .loading img,.post-page .error-state img,.post-page .post-not-found img{opacity:.6;margin-bottom:2rem}.post-page .loading h1,.post-page .loading h3,.post-page .error-state h1,.post-page .error-state h3,.post-page .post-not-found h1,.post-page .post-not-found h3{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.post-page .loading p,.post-page .error-state p,.post-page .post-not-found p{font-size:1.25rem;color:#333333b3;margin-bottom:2rem;line-height:1.5}.post-page .loading .error-content,.post-page .error-state .error-content,.post-page .post-not-found .error-content{max-width:500px;margin:0 auto}.post-page .loading .error-content .btn img,.post-page .error-state .error-content .btn img,.post-page .post-not-found .error-content .btn img{filter:brightness(0) saturate(100%) invert(100%);transition:transform .3s ease}.post-page .loading .error-content .btn:hover img,.post-page .error-state .error-content .btn:hover img,.post-page .post-not-found .error-content .btn:hover img{transform:scale(1.1)}.post-page .loading .error-content .error-details,.post-page .error-state .error-content .error-details,.post-page .post-not-found .error-content .error-details{margin-top:2rem;padding:1rem;background-color:#f5f5f5;border-radius:8px;font-size:.875rem;text-align:left}.post-page .loading .error-content .error-details p,.post-page .error-state .error-content .error-details p,.post-page .post-not-found .error-content .error-details p{margin-bottom:.5rem;font-size:.875rem}.post-page .post-main{min-height:200px}.post-page .post-main .post-featured-image{margin-bottom:3rem;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a;position:relative}.post-page .post-main .post-featured-image img{width:100%;height:auto;display:block;object-fit:cover;transition:opacity .3s ease}.post-page .post-main .post-featured-image img[src=""]{opacity:0}.post-page .post-main .post-excerpt{margin-bottom:2rem;padding:1.5rem;background-color:#ee44440d;border-left:4px solid #EE4444;border-radius:8px}.post-page .post-main .post-excerpt p{font-size:1.25rem;font-style:italic;color:#333c;margin:0;line-height:1.6}.post-page .post-main .post-body{font-size:1.125rem;line-height:1.8;color:#333333e6;word-wrap:break-word;overflow-wrap:break-word}.post-page .post-main .post-body h2{font-size:2rem;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;line-height:1.3;scroll-margin-top:2rem}.post-page .post-main .post-body h3{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1.25rem;line-height:1.4;scroll-margin-top:2rem}.post-page .post-main .post-body h4{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;line-height:1.4}.post-page .post-main .post-body p{margin-bottom:1.5rem;line-height:1.8}.post-page .post-main .post-body ul,.post-page .post-main .post-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.post-page .post-main .post-body ul li,.post-page .post-main .post-body ol li{margin-bottom:.75rem;line-height:1.7}.post-page .post-main .post-body ul{list-style-type:disc}.post-page .post-main .post-body ol{list-style-type:decimal}.post-page .post-main .post-body a{color:#e44;text-decoration:underline;transition:all .3s ease}.post-page .post-main .post-body a:hover{color:#ea1515}.post-page .post-main .post-body blockquote{border-left:4px solid #EE4444;padding:1rem 0 1rem 1.5rem;margin-bottom:1.5rem;font-style:italic;background-color:#ee44440d;border-radius:0 8px 8px 0}.post-page .post-main .post-body code{background-color:#f5f5f5;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.post-page .post-main .post-body pre{background-color:#333;color:#fff;padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.post-page .post-main .post-body pre::-webkit-scrollbar{height:8px}.post-page .post-main .post-body pre::-webkit-scrollbar-track{background:transparent}.post-page .post-main .post-body pre::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.post-page .post-main .post-body pre code{background-color:transparent;color:#fff;padding:0}.post-page .post-main .post-body img{max-width:100%;height:auto;border-radius:8px;margin-bottom:1.5rem;display:block;object-fit:cover}.post-page .post-main .post-body table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;overflow-x:auto;display:block;white-space:nowrap}.post-page .post-main .post-body table th,.post-page .post-main .post-body table td{border:1px solid rgba(51,51,51,.1);padding:.75rem;text-align:left;white-space:normal}.post-page .post-main .post-body table th{background-color:#f5f5f5;font-weight:600;position:sticky;top:0}.post-page .post-main .post-body table tr:nth-child(2n){background-color:#f5f5f580}.post-page .post-main .post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(51,51,51,.1)}.post-page .post-main .post-footer .post-tags{margin-bottom:2rem}.post-page .post-main .post-footer .post-tags .tags-label{font-weight:600;color:#333;margin-bottom:1rem;display:block}.post-page .post-main .post-footer .post-tags .tags-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.75rem}.post-page .post-main .post-footer .post-tags .tags-list .tag{background-color:#f5f5f5;color:#333333b3;padding:.35rem .75rem;border-radius:1rem;font-size:.875rem;transition:all .3s ease;cursor:pointer}.post-page .post-main .post-footer .post-tags .tags-list .tag:hover{background-color:#e44;color:#fff}.post-page .post-main .post-footer .post-share .share-label{font-weight:600;color:#333;margin-bottom:1rem;display:block}.post-page .post-main .post-footer .post-share .share-buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem}.post-page .post-main .post-footer .post-share .share-buttons .share-btn{width:44px;height:44px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;border:none;background-color:#f5f5f5;color:#333;transition:all .3s ease;cursor:pointer}.post-page .post-main .post-footer .post-share .share-buttons .share-btn img{transition:transform .3s ease}.post-page .post-main .post-footer .post-share .share-buttons .share-btn:hover{transform:translateY(-2px)}.post-page .post-main .post-footer .post-share .share-buttons .share-btn:hover img{transform:scale(1.1)}.post-page .post-main .post-footer .post-share .share-buttons .share-btn.twitter:hover{background-color:#1da1f2}.post-page .post-main .post-footer .post-share .share-buttons .share-btn.twitter:hover img{filter:brightness(0) saturate(100%) invert(100%)}.post-page .post-main .post-footer .post-share .share-buttons .share-btn.facebook:hover{background-color:#1877f2}.post-page .post-main .post-footer .post-share .share-buttons .share-btn.facebook:hover img{filter:brightness(0) saturate(100%) invert(100%)}.post-page .post-main .post-footer .post-share .share-buttons .share-btn.linkedin:hover{background-color:#0077b5}.post-page .post-main .post-footer .post-share .share-buttons .share-btn.linkedin:hover img{filter:brightness(0) saturate(100%) invert(100%)}.post-page .post-main .post-footer .post-share .share-buttons .share-btn.copy:hover{background-color:#e44}.post-page .post-main .post-footer .post-share .share-buttons .share-btn.copy:hover img{filter:brightness(0) saturate(100%) invert(100%)}.post-page .post-sidebar{position:sticky;top:2rem;height:fit-content}.post-page .post-sidebar .back-to-blog{margin-bottom:2rem}.post-page .post-sidebar .back-to-blog .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;font-weight:600;transition:all .3s ease}.post-page .post-sidebar .back-to-blog .btn img{transition:transform .3s ease}.post-page .post-sidebar .back-to-blog .btn.btn-secondary{background:#fff;border:2px solid #EE4444;color:#e44}.post-page .post-sidebar .back-to-blog .btn.btn-secondary img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.post-page .post-sidebar .back-to-blog .btn.btn-secondary:hover{background:#e44;color:#fff;transform:translate(-2px)}.post-page .post-sidebar .back-to-blog .btn.btn-secondary:hover img{filter:brightness(0) saturate(100%) invert(100%);transform:scale(1.1)}.post-page .post-sidebar .category-link{margin-bottom:2rem}.post-page .post-sidebar .category-link .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;font-weight:600;transition:all .3s ease}.post-page .post-sidebar .category-link .btn img{transition:transform .3s ease}.post-page .post-sidebar .category-link .btn.btn-outline{background:transparent;border:2px solid}.post-page .post-sidebar .category-link .btn.btn-outline:hover{background:var(--border-color, #0066FF);color:#fff!important}.post-page .post-sidebar .category-link .btn.btn-outline:hover img{filter:brightness(0) saturate(100%) invert(100%);transform:scale(1.1)}.post-page .post-sidebar .related-posts{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.post-page .post-sidebar .related-posts h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#333}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(51,51,51,.1)}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item a{display:block;text-decoration:none;color:#333;transition:all .3s ease}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item a:hover{transform:translateY(-2px)}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item a:hover .related-post-title{color:#e44}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item .related-post-image{width:100%;height:120px;border-radius:8px;overflow:hidden;margin-bottom:.75rem}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item .related-post-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item .related-post-content .related-post-title{font-size:.9375rem;font-weight:600;line-height:1.4;margin-bottom:.5rem;transition:all .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-page .post-sidebar .related-posts .related-posts-list .related-post-item .related-post-content .related-post-date{font-size:.8125rem;color:#3339}.post-page .post-sidebar .admin-actions{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.post-page .post-sidebar .admin-actions h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#fff}.post-page .post-sidebar .admin-actions .admin-links{display:flex;flex-direction:column;gap:.75rem}.post-page .post-sidebar .admin-actions .admin-links .btn,.post-page .post-sidebar .admin-actions .admin-links .admin-link{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;text-decoration:none;transition:all .3s ease;padding:.75rem;border-radius:6px;font-size:.875rem;font-weight:500}.post-page .post-sidebar .admin-actions .admin-links .btn img,.post-page .post-sidebar .admin-actions .admin-links .admin-link img{flex-shrink:0;filter:brightness(0) saturate(100%) invert(100%);transition:transform .3s ease}.post-page .post-sidebar .admin-actions .admin-links .btn:hover,.post-page .post-sidebar .admin-actions .admin-links .admin-link:hover{transform:translateY(-1px)}.post-page .post-sidebar .admin-actions .admin-links .btn:hover img,.post-page .post-sidebar .admin-actions .admin-links .admin-link:hover img{transform:scale(1.1)}.post-page .post-sidebar .admin-actions .admin-links .btn.btn-primary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.post-page .post-sidebar .admin-actions .admin-links .btn.btn-primary:hover{background:#fff3;border-color:#ffffff4d}.post-page .post-sidebar .admin-actions .admin-links .admin-link{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer}.post-page .post-sidebar .admin-actions .admin-links .admin-link:hover{background:#fff3;border-color:#ffffff4d}.post-page .post-sidebar .login-suggestion{background:#fff;border:2px dashed #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center;margin-bottom:2rem}.post-page .post-sidebar .login-suggestion h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#333}.post-page .post-sidebar .login-suggestion p{font-size:.875rem;color:#333333b3;margin-bottom:1.25rem;line-height:1.5}.post-page .post-sidebar .login-suggestion .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem}.post-page .post-sidebar .login-suggestion .btn.btn-outline{background:transparent;border:2px solid #EE4444;color:#e44}.post-page .post-sidebar .login-suggestion .btn.btn-outline:hover{background:#e44;color:#fff}@media (max-width: 992px){.post-page .post-content{grid-template-columns:1fr;padding:3rem 0}.post-page .post-sidebar{position:static;order:2;margin-top:3rem;margin-bottom:0}.post-page .post-sidebar .back-to-blog,.post-page .post-sidebar .related-posts,.post-page .post-sidebar .admin-actions,.post-page .post-sidebar .login-suggestion{max-width:500px;margin-left:auto;margin-right:auto}.post-page .post-main{order:1}}@media (max-width: 576px){.post-page .post-header{padding:5rem 0 2.5rem}.post-page .post-header h1{font-size:2rem;line-height:1.3}.post-page .post-header .post-meta{flex-direction:column;gap:.75rem}.post-page .post-header .post-meta .post-category{order:1}.post-page .post-header .post-meta .post-date{order:2}.post-page .post-header .post-meta .post-views{order:3}.post-page .post-header .post-breadcrumb .current{max-width:120px}.post-page .post-header .post-author-info .author-details{flex-direction:column;gap:.75rem}.post-page .post-content{padding:2rem 0}.post-page .post-main .post-body{font-size:1rem}.post-page .post-main .post-body h2{font-size:1.5rem;margin-top:2.5rem}.post-page .post-main .post-body h3{font-size:1.25rem;margin-top:2rem}.post-page .post-main .post-body h4{font-size:1.125rem;margin-top:1.5rem}.post-page .post-main .post-body table{font-size:.875rem}.post-page .post-main .post-footer .post-share .share-buttons{justify-content:center}.post-page .loading,.post-page .error-state,.post-page .post-not-found{padding:3rem 0}.post-page .loading h1,.post-page .loading h3,.post-page .error-state h1,.post-page .error-state h3,.post-page .post-not-found h1,.post-page .post-not-found h3{font-size:2rem}.post-page .loading p,.post-page .error-state p,.post-page .post-not-found p{font-size:1.125rem}}.create-post-header{padding:9rem 0 4rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.create-post-header .header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;text-align:left;gap:2rem}.create-post-header .header-content>div:first-child{flex:1}.create-post-header .header-content>div:first-child h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.create-post-header .header-content>div:first-child p{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 0 1.5rem}.create-post-header .header-content>div:first-child .progress-bar{position:relative;background:#fff3;border-radius:20px;height:8px;max-width:300px;overflow:hidden}.create-post-header .header-content>div:first-child .progress-bar .progress-fill{height:100%;background:#fffc;border-radius:20px;transition:width .3s ease}.create-post-header .header-content>div:first-child .progress-bar .progress-text{position:absolute;top:12px;left:0;font-size:.75rem;color:#fffc}.create-post-header .header-content .admin-badge .badge{background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}@media (max-width: 992px){.create-post-header{padding:6rem 0 3rem}.create-post-header .header-content{flex-direction:column;align-items:flex-start;text-align:left;gap:1rem}.create-post-header .header-content>div:first-child h1{font-size:2.5rem}.create-post-header .header-content>div:first-child p{font-size:1.125rem}.create-post-header .header-content>div:first-child .progress-bar{max-width:100%}}@media (max-width: 576px){.create-post-header{padding:5rem 0 2.5rem}.create-post-header .header-content>div:first-child h1{font-size:2rem}.create-post-header .header-content>div:first-child p{font-size:1rem}}.create-post-sidebar{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.5rem}.create-post-sidebar .sidebar-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.create-post-sidebar .sidebar-section h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#333;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.create-post-sidebar .sidebar-section .sidebar-form-group .error-message{display:block;color:#e53e3e;font-size:.75rem;margin-top:.5rem}.create-post-sidebar .sidebar-section .sidebar-form-group small{display:block;font-size:.75rem;color:#64748b;margin-top:.5rem}.create-post-sidebar .sidebar-section .sidebar-form-group select{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;transition:all .3s ease}.create-post-sidebar .sidebar-section .sidebar-form-group select:focus{border-color:#e44;box-shadow:0 0 0 2px #ee44441a;outline:none}.create-post-sidebar .sidebar-section .sidebar-form-group select.error{border-color:#e53e3e}.create-post-sidebar .sidebar-image-upload input[type=file]{position:absolute;left:-9999px}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone{width:100%;height:180px;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease;background:#f8fafc}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone:hover{border-color:#e44;background:#ee44440d}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-image-container{position:relative;width:100%;height:100%}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-image-container img{width:100%;height:100%;object-fit:cover}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-image-container .sidebar-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:row;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-image-container .sidebar-image-overlay:hover{opacity:1}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-image-container .sidebar-image-overlay button{background:#fff;color:#333;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .3s ease}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-image-container .sidebar-image-overlay button:hover{background:#f1f5f9}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-upload-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#64748b;text-align:center}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-upload-placeholder svg{margin-bottom:.5rem;opacity:.6}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone .sidebar-upload-placeholder span{font-size:.875rem;font-weight:500}.create-post-sidebar .sidebar-tags-input input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;margin-bottom:1rem;transition:all .3s ease}.create-post-sidebar .sidebar-tags-input input:focus{border-color:#e44;box-shadow:0 0 0 2px #ee44441a;outline:none}.create-post-sidebar .sidebar-tags-input input::placeholder{color:#94a3b8}.create-post-sidebar .sidebar-tags-input .sidebar-suggested-tags{margin-bottom:1rem}.create-post-sidebar .sidebar-tags-input .sidebar-suggested-tags small{display:block;font-size:.75rem;color:#64748b;margin-bottom:.5rem}.create-post-sidebar .sidebar-tags-input .sidebar-suggested-tags .tags-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.create-post-sidebar .sidebar-tags-input .sidebar-suggested-tags .tags-list .suggested-tag{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;cursor:pointer;transition:all .3s ease}.create-post-sidebar .sidebar-tags-input .sidebar-suggested-tags .tags-list .suggested-tag:hover{background:#ee44441a;color:#e44;border-color:#e443}.create-post-sidebar .sidebar-tags-input .sidebar-selected-tags{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.create-post-sidebar .sidebar-tags-input .sidebar-selected-tags .tag{background:#e44;color:#fff;padding:.375rem .625rem;border-radius:12px;font-size:.75rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.375rem}.create-post-sidebar .sidebar-tags-input .sidebar-selected-tags .tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:.875rem;width:14px;height:14px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;transition:all .3s ease}.create-post-sidebar .sidebar-tags-input .sidebar-selected-tags .tag button:hover{background:#fff3}.create-post-sidebar .sidebar-checkbox-label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.create-post-sidebar .sidebar-checkbox-label input[type=checkbox]{width:auto;margin:0;position:absolute;opacity:0}.create-post-sidebar .sidebar-checkbox-label input[type=checkbox]:checked+.checkmark{background:#e44;border-color:#e44}.create-post-sidebar .sidebar-checkbox-label input[type=checkbox]:checked+.checkmark:after{opacity:1}.create-post-sidebar .sidebar-checkbox-label .checkmark{width:16px;height:16px;border:2px solid #e2e8f0;border-radius:3px;position:relative;transition:all .3s ease}.create-post-sidebar .sidebar-checkbox-label .checkmark:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.create-post-sidebar .sidebar-checkbox-label span:not(.checkmark){font-size:.875rem;font-weight:500}.create-post-sidebar .sidebar-stats .stat-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.create-post-sidebar .sidebar-stats .stat-item:last-child{border-bottom:none}.create-post-sidebar .sidebar-stats .stat-item .stat-label{font-size:.875rem;color:#64748b}.create-post-sidebar .sidebar-stats .stat-item .stat-value{font-size:.875rem;font-weight:600;color:#333}.create-post-sidebar .sidebar-stats .stat-item .stat-value.status-draft{color:#f59e0b}.create-post-sidebar .sidebar-stats .stat-item .stat-value.status-published{color:#10b981}.create-post-sidebar .sidebar-stats .stat-item .stat-value.status-archived{color:#6b7280}@media (max-width: 992px){.create-post-sidebar .sidebar-section{padding:1rem}.create-post-sidebar .sidebar-image-upload .sidebar-upload-zone{height:150px}}@media (max-width: 576px){.create-post-sidebar .sidebar-section{padding:.875rem}.create-post-sidebar .sidebar-section h4{font-size:1rem}.create-post-sidebar .sidebar-suggested-tags .tags-list{gap:.25rem}.create-post-sidebar .sidebar-suggested-tags .tags-list .suggested-tag{font-size:.6875rem;padding:.1875rem .375rem}.create-post-sidebar .sidebar-selected-tags{gap:.25rem}.create-post-sidebar .sidebar-selected-tags .tag{font-size:.6875rem;padding:.25rem .5rem}}.submission-success{text-align:center;padding:3rem 2rem;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000001a}.submission-success svg{display:block;margin:0 auto 2rem}.submission-success h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#e44}.submission-success p{font-size:1.125rem;color:#333333b3;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.submission-success .actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media (max-width: 576px){.submission-success{padding:2rem 1.5rem}.submission-success h2{font-size:1.5rem}.submission-success .actions{flex-direction:column;width:100%}.submission-success .actions .btn{width:100%}}.basic-info-section .form-group{margin-bottom:2rem}.basic-info-section .form-group label{display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#333}.basic-info-section .form-group input{width:100%;padding:.875rem 1rem;border-radius:8px;border:2px solid #e2e8f0;font-size:1rem;transition:all .3s ease;font-family:inherit}.basic-info-section .form-group input:focus{border-color:#e44;box-shadow:0 0 0 3px #ee44441a;outline:none}.basic-info-section .form-group input.error{border-color:#e53e3e}.basic-info-section .form-group input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.basic-info-section .form-group input::placeholder{color:#a0aec0}.basic-info-section .form-group .slug-input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .3s ease}.basic-info-section .form-group .slug-input:focus-within{border-color:#e44;box-shadow:0 0 0 3px #ee44441a}.basic-info-section .form-group .slug-input input{border:none;padding:.875rem 1rem}.basic-info-section .form-group .slug-input input:focus{border:none;box-shadow:none}.basic-info-section .form-group .error-message{display:block;color:#e53e3e;font-size:.875rem;margin-top:.5rem}.basic-info-section .form-group small{display:block;font-size:.75rem;color:#718096;margin-top:.25rem}@media (max-width: 576px){.basic-info-section .slug-input{flex-direction:column}}.content-section .form-group{margin-bottom:2rem}.content-section .form-group label{display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#333}.content-section .form-group textarea{width:100%;padding:.875rem 1rem;border-radius:8px;border:2px solid #e2e8f0;font-size:1rem;transition:all .3s ease;font-family:inherit;resize:vertical}.content-section .form-group textarea:focus{border-color:#e44;box-shadow:0 0 0 3px #ee44441a;outline:none}.content-section .form-group textarea.error{border-color:#e53e3e}.content-section .form-group textarea.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.content-section .form-group textarea::placeholder{color:#a0aec0}.content-section .form-group .character-count{text-align:right;font-size:.75rem;color:#718096;margin-top:.5rem}.content-section .form-group .error-message{display:block;color:#e53e3e;font-size:.875rem;margin-top:.5rem}.seo-section .section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.seo-section .section-header .toggle-seo{background:transparent;border:1px solid #e2e8f0;color:#e44;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.seo-section .section-header .toggle-seo:hover{background:#ee44440d;border-color:#e44}.seo-section .form-group{margin-bottom:2rem}.seo-section .form-group label{display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#333}.seo-section .form-group input,.seo-section .form-group textarea{width:100%;padding:.875rem 1rem;border-radius:8px;border:2px solid #e2e8f0;font-size:1rem;transition:all .3s ease;font-family:inherit}.seo-section .form-group input:focus,.seo-section .form-group textarea:focus{border-color:#e44;box-shadow:0 0 0 3px #ee44441a;outline:none}.seo-section .form-group input::placeholder,.seo-section .form-group textarea::placeholder{color:#a0aec0}.seo-section .form-group textarea{resize:vertical}.seo-section .form-group .character-count{text-align:right;font-size:.75rem;color:#718096;margin-top:.5rem}.seo-section .form-group small{display:block;font-size:.75rem;color:#718096;margin-top:.25rem}.seo-section .seo-checkboxes{border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;background:#f8fafc;margin-bottom:1rem}.seo-section .seo-checkboxes .form-group{margin-bottom:1rem}.seo-section .seo-checkboxes .form-group:last-child{margin-bottom:0}.seo-section .seo-checkboxes .checkbox-label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:0}.seo-section .seo-checkboxes .checkbox-label input[type=checkbox]{width:auto;margin:0;position:absolute;opacity:0}.seo-section .seo-checkboxes .checkbox-label input[type=checkbox]:checked+.checkmark{background:#e44;border-color:#e44}.seo-section .seo-checkboxes .checkbox-label input[type=checkbox]:checked+.checkmark:after{opacity:1}.seo-section .seo-checkboxes .checkbox-label .checkmark{width:20px;height:20px;border:2px solid #e2e8f0;border-radius:4px;position:relative;transition:all .3s ease}.seo-section .seo-checkboxes .checkbox-label .checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}@media (max-width: 992px){.seo-section .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.seo-section .seo-checkboxes{padding:1rem}}.form-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #f7fafc}.form-actions .btn{min-width:120px}.form-actions .btn.btn-outline{background:transparent;border:2px solid #e2e8f0;color:#333}.form-actions .btn.btn-outline:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn:disabled:hover{transform:none;box-shadow:none}@media (max-width: 992px){.form-actions{flex-direction:column}.form-actions .btn{width:100%;min-width:auto}}.create-post-page .create-post-content{padding:4rem 0;max-width:1400px;margin:0 auto}.create-post-page .create-post-layout{display:flex;flex-direction:row;justify-content:flex-start;gap:2rem;align-items:flex-start}.create-post-page .create-post-layout .main-content{flex:1;min-width:0}.create-post-page .create-post-layout .sidebar-content{width:320px;flex-shrink:0;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.create-post-page .create-post-layout .sidebar-content::-webkit-scrollbar{width:6px}.create-post-page .create-post-layout .sidebar-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.create-post-page .create-post-layout .sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.create-post-page .create-post-layout .sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.create-post-page .create-post-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e2e8f0}.create-post-page .create-post-form .general-error{background:#fee;color:#c53030;padding:1rem;border-radius:6px;margin-bottom:2rem;border:1px solid #fed7d7;text-align:center}.create-post-page .create-post-form .form-section{padding-bottom:2rem;border-bottom:1px solid #f7fafc}.create-post-page .create-post-form .form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.create-post-page .create-post-form .form-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#333;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.create-post-page .create-post-form .form-section h3:before{content:"";width:4px;height:24px;background:#e44;border-radius:2px}@media (max-width: 992px){.create-post-page .create-post-content{padding:3rem 0}.create-post-page .create-post-layout{flex-direction:column;gap:1.5rem}.create-post-page .create-post-layout .sidebar-content{width:100%;position:static;max-height:none;order:-1}.create-post-page .create-post-form{padding:1.5rem}}@media (max-width: 576px){.create-post-page .create-post-content{padding:2.5rem 0}.create-post-page .create-post-layout{gap:1rem}.create-post-page .create-post-form{padding:1rem}}.create-post-page .loading{padding:5rem 0;text-align:center;font-size:1.25rem;color:#333333b3}.contact-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:120px 0 80px}@media (max-width: 992px){.contact-page{padding:100px 0 60px}}@media (max-width: 576px){.contact-page{padding:80px 0 40px}}.contact-page .container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 576px){.contact-page .container{padding:0 1.25rem}}.contact-page .contact-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:60px;background:#fff;border-radius:20px;margin-top:40px;overflow:hidden;box-shadow:0 25px 50px #00000026}@media (max-width: 992px){.contact-page .contact-content{flex-direction:column;gap:0;margin-top:20px}}@media (max-width: 576px){.contact-page .contact-content{border-radius:16px;margin-top:15px}}.contact-page .contact-left{flex:1;padding:60px}@media (max-width: 992px){.contact-page .contact-left{padding:40px 30px}}@media (max-width: 576px){.contact-page .contact-left{padding:30px 20px}}.contact-page .contact-left .contact-header{margin-bottom:40px}@media (max-width: 576px){.contact-page .contact-left .contact-header{margin-bottom:30px}}.contact-page .contact-left .contact-header .contact-badge{display:inline-block;background:linear-gradient(90deg,#ff6b6b,#ff8e53);color:#fff;padding:8px 20px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 576px){.contact-page .contact-left .contact-header .contact-badge{padding:6px 16px;font-size:.8125rem;margin-bottom:16px}}.contact-page .contact-left .contact-header .contact-title{font-size:2.5rem;font-weight:700;color:#333;line-height:1.2;margin-bottom:20px}@media (max-width: 992px){.contact-page .contact-left .contact-header .contact-title{font-size:2rem}}@media (max-width: 576px){.contact-page .contact-left .contact-header .contact-title{font-size:1.75rem;margin-bottom:16px}}.contact-page .contact-left .contact-header .contact-description{font-size:1.125rem;color:#666;line-height:1.6;margin-bottom:0}@media (max-width: 576px){.contact-page .contact-left .contact-header .contact-description{font-size:1rem;line-height:1.5}}.contact-page .contact-form .form-group{flex:1;margin-bottom:24px}@media (max-width: 576px){.contact-page .contact-form .form-group{margin-bottom:20px}}.contact-page .contact-form .form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:.9rem}@media (max-width: 576px){.contact-page .contact-form .form-group label{font-size:.875rem;margin-bottom:6px}}.contact-page .contact-form .form-group input,.contact-page .contact-form .form-group textarea{width:100%;padding:16px 20px;border:2px solid #E1E5E9;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}@media (max-width: 576px){.contact-page .contact-form .form-group input,.contact-page .contact-form .form-group textarea{padding:14px 16px;font-size:.9375rem;border-radius:10px}}.contact-page .contact-form .form-group input::placeholder,.contact-page .contact-form .form-group textarea::placeholder{color:#a0a0a0}.contact-page .contact-form .form-group input:focus,.contact-page .contact-form .form-group textarea:focus{outline:none;border-color:#e44;background:#fff;box-shadow:0 0 0 3px #ee44441a}.contact-page .contact-form .form-group textarea{resize:vertical;min-height:120px}@media (max-width: 576px){.contact-page .contact-form .form-group textarea{min-height:100px}}.contact-page .contact-form .form-checkbox{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:12px;margin-bottom:32px}@media (max-width: 576px){.contact-page .contact-form .form-checkbox{gap:10px;margin-bottom:24px}}.contact-page .contact-form .form-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#EE4444}@media (max-width: 576px){.contact-page .contact-form .form-checkbox input[type=checkbox]{width:16px;height:16px}}.contact-page .contact-form .form-checkbox label{font-size:.9rem;color:#666;line-height:1.5}@media (max-width: 576px){.contact-page .contact-form .form-checkbox label{font-size:.875rem}}.contact-page .contact-form .form-checkbox label a{color:#e44;text-decoration:none;font-weight:600}.contact-page .contact-form .form-checkbox label a:hover{text-decoration:underline}.contact-page .contact-form .submit-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}@media (max-width: 576px){.contact-page .contact-form .submit-message{padding:10px 14px;font-size:.875rem;margin-bottom:16px}}.contact-page .contact-form .submit-message.success{background:#d1edff;color:#0969da;border:1px solid #54AEFF}.contact-page .contact-form .submit-message.error{background:#ffebee;color:#c62828;border:1px solid #EF5350}.contact-page .contact-form .submit-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 32px;background:linear-gradient(90deg,#e44,#e24c4a);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 576px){.contact-page .contact-form .submit-btn{padding:14px 24px;font-size:.9375rem;border-radius:10px}}.contact-page .contact-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ee44444d}.contact-page .contact-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-page .contact-form .submit-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 576px){.contact-page .contact-form .submit-btn .spinner{width:14px;height:14px}}.contact-page .contact-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px 20px;background:linear-gradient(135deg,#a8e6cf,#88d8c0);position:relative}@media (max-width: 992px){.contact-page .contact-right{padding:40px 30px}}@media (max-width: 576px){.contact-page .contact-right{padding:30px 20px}}.contact-page .contact-right .contact-image{margin-bottom:40px;position:relative}@media (max-width: 576px){.contact-page .contact-right .contact-image{margin-bottom:30px}}.contact-page .contact-right .contact-image .image-background{width:300px;height:400px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:200px 200px 20px 20px;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;padding:20px;position:relative;overflow:hidden}@media (max-width: 992px){.contact-page .contact-right .contact-image .image-background{width:250px;height:320px;padding:16px}}@media (max-width: 576px){.contact-page .contact-right .contact-image .image-background{width:200px;height:280px;padding:14px}}.contact-page .contact-right .contact-image .image-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.contact-page .contact-right .contact-image .image-background .contact-photo{width:100%;height:100%;object-fit:cover;border-radius:180px 180px 15px 15px;position:relative;z-index:2}.contact-page .contact-right .contact-info{width:100%}.contact-page .contact-right .contact-info .contact-info-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:20px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-bottom:16px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}@media (max-width: 576px){.contact-page .contact-right .contact-info .contact-info-item{padding:16px 20px;gap:14px;border-radius:14px;margin-bottom:14px}}.contact-page .contact-right .contact-info .contact-info-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.contact-page .contact-right .contact-info .contact-info-item:last-child{margin-bottom:0}.contact-page .contact-right .contact-info .contact-info-item .info-icon{width:48px;height:48px;border-radius:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-shrink:0}@media (max-width: 576px){.contact-page .contact-right .contact-info .contact-info-item .info-icon{width:44px;height:44px;border-radius:10px}}.contact-page .contact-right .contact-info .contact-info-item .info-icon img{transition:transform .3s ease}@media (max-width: 576px){.contact-page .contact-right .contact-info .contact-info-item .info-icon img{width:20px;height:20px}}.contact-page .contact-right .contact-info .contact-info-item .info-icon.email-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.contact-page .contact-right .contact-info .contact-info-item .info-icon.email-icon img{filter:brightness(0) saturate(100%) invert(100%)}.contact-page .contact-right .contact-info .contact-info-item .info-icon.phone-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.contact-page .contact-right .contact-info .contact-info-item .info-icon.phone-icon img{filter:brightness(0) saturate(100%) invert(100%)}.contact-page .contact-right .contact-info .contact-info-item:hover .info-icon img{transform:scale(1.1)}.contact-page .contact-right .contact-info .contact-info-item .info-content h3{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:4px}@media (max-width: 576px){.contact-page .contact-right .contact-info .contact-info-item .info-content h3{font-size:1.0625rem;margin-bottom:2px}}.contact-page .contact-right .contact-info .contact-info-item .info-content p{font-size:.95rem;color:#666;margin:0}@media (max-width: 576px){.contact-page .contact-right .contact-info .contact-info-item .info-content p{font-size:.9375rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}}.resource-card{background:var(--bg-white, #ffffff);border:2px solid var(--border-light, #e5e5e5);border-radius:1rem;overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.resource-card.clickable{cursor:pointer}.resource-card:hover{border-color:var(--primary-color, #007bff);box-shadow:0 8px 24px #007bff26;transform:translateY(-2px)}.resource-card:hover .card-actions .action-btn{opacity:1;transform:translateY(0)}.resource-card.featured{border-color:var(--warning-color, #ffc107);background:linear-gradient(135deg,rgba(255,193,7,.05) 0%,var(--bg-white, #ffffff) 100%)}.resource-card.featured .featured-badge{opacity:1}.resource-card.featured:hover{border-color:var(--warning-dark, #e0a800);box-shadow:0 8px 24px #ffc10733}.resource-card.grid .card-body .resource-name{font-size:1.125rem;line-height:1.4;margin-bottom:.75rem}.resource-card.grid .card-body .resource-description{font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.resource-card.list{flex-direction:row;align-items:stretch;min-height:120px}.resource-card.list .card-header{flex-shrink:0;width:auto;padding:1.5rem 0 1.5rem 1.5rem}.resource-card.list .card-body{flex:1;padding:1.5rem 1rem}.resource-card.list .card-body .resource-name{font-size:1.25rem;line-height:1.3;margin-bottom:.5rem}.resource-card.list .card-body .resource-description{font-size:.9375rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-card.list .card-tags{padding:0 1rem .5rem}.resource-card.list .card-footer{flex-shrink:0;width:auto;padding:1.5rem 1.5rem 1.5rem 0;flex-direction:column;justify-content:space-between;align-items:flex-end}.resource-card.list .resource-url{padding:.5rem 1rem;border-top:1px solid var(--border-light, #e5e5e5);display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary, #666)}.resource-card.list .resource-url svg{flex-shrink:0}.resource-card.list .resource-url .url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-card .featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,var(--warning-color, #ffc107) 0%,var(--warning-dark, #e0a800) 100%);color:#000;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;z-index:10;opacity:.9;display:flex;align-items:center;gap:.375rem;box-shadow:0 2px 8px #ffc1074d}.resource-card .featured-badge .badge-icon{font-size:.875rem}.resource-card .featured-badge .badge-text{line-height:1}.resource-card .card-header{padding:1.5rem 1.5rem 0;display:flex;align-items:flex-start;justify-content:space-between}.resource-card .card-header .resource-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--bg-secondary, #f8f9fa);border-radius:.75rem;flex-shrink:0}.resource-card .card-header .resource-meta{flex:1;margin-left:1rem;min-width:0;display:flex;flex-direction:column;gap:.25rem}.resource-card .card-header .resource-meta .category-name{display:block;font-size:.875rem;font-weight:600;color:var(--primary-color, #007bff);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.resource-card .card-header .resource-meta .click-count{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary, #666);font-weight:500;background:var(--bg-secondary, #f8f9fa);padding:.25rem .5rem;border-radius:.5rem;width:fit-content;border:1px solid var(--border-light, #e5e5e5);transition:all .2s ease}.resource-card .card-header .resource-meta .click-count:hover{background:var(--primary-light, #e3f2fd);border-color:var(--primary-color, #007bff);color:var(--primary-color, #007bff)}.resource-card .card-header .resource-meta .click-count svg{flex-shrink:0;width:12px;height:12px}.resource-card .card-body{padding:1rem 1.5rem;flex:1}.resource-card .card-body .resource-name{font-weight:700;color:var(--text-primary, #1a1a1a);margin:0 0 .5rem;line-height:1.3}.resource-card .card-body .resource-description{color:var(--text-secondary, #666);margin:0;line-height:1.5}.resource-card .card-tags{padding:0 1.5rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.resource-card .card-tags .tag{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.75rem;font-size:.75rem;font-weight:500;color:#fff;line-height:1;white-space:nowrap}.resource-card .card-tags .tag-more{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.75rem;font-size:.75rem;font-weight:500;background:var(--bg-secondary, #f8f9fa);color:var(--text-secondary, #666);border:1px solid var(--border-light, #e5e5e5)}.resource-card .card-footer{padding:0 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.resource-card .card-footer .footer-left{flex:1}.resource-card .card-footer .resource-date{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary, #666);font-weight:500}.resource-card .card-footer .resource-date svg{flex-shrink:0}.resource-card .card-footer .card-actions{display:flex;gap:.5rem}.resource-card .card-footer .card-actions .action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;opacity:0;transform:translateY(4px)}.resource-card .card-footer .card-actions .action-btn.open-btn{background:var(--primary-light, #e3f2fd);color:var(--primary-color, #007bff)}.resource-card .card-footer .card-actions .action-btn.open-btn:hover{background:var(--primary-color, #007bff);color:#fff;transform:scale(1.1)}.resource-card .card-footer .card-actions .action-btn.share-btn{background:var(--success-light, #e8f5e8);color:var(--success-color, #28a745)}.resource-card .card-footer .card-actions .action-btn.share-btn:hover{background:var(--success-color, #28a745);color:#fff;transform:scale(1.1)}.resource-card .card-footer .card-actions .action-btn:active{transform:scale(.95)}@media (max-width: 768px){.resource-card .card-actions .action-btn{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.resource-card.list{flex-direction:column}.resource-card.list .card-header{padding:1rem 1rem 0}.resource-card.list .card-body{padding:.75rem 1rem}.resource-card.list .card-tags{padding:0 1rem .75rem}.resource-card.list .card-footer{padding:0 1rem 1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.resource-card.list .card-footer .card-actions{align-self:flex-end}.resource-card.list .resource-url{padding:.75rem 1rem;order:-1}.resource-card .featured-badge{top:.75rem;right:.75rem;padding:.25rem .5rem;font-size:.6875rem;gap:.25rem}.resource-card .featured-badge .badge-icon{font-size:.75rem}.resource-card .card-header{padding:1rem 1rem 0}.resource-card .card-header .resource-icon{width:2.5rem;height:2.5rem;font-size:1.75rem}.resource-card .card-header .resource-meta{margin-left:.75rem}.resource-card .card-header .resource-meta .category-name{font-size:.8125rem}.resource-card .card-header .resource-meta .click-count{font-size:.6875rem;padding:.1875rem .375rem}.resource-card .card-body{padding:.75rem 1rem}.resource-card .card-body .resource-name{font-size:1rem}.resource-card .card-body .resource-description{font-size:.8125rem}.resource-card .card-tags{padding:0 1rem .75rem;gap:.375rem}.resource-card .card-tags .tag,.resource-card .card-tags .tag-more{font-size:.6875rem;padding:.1875rem .5rem}.resource-card .card-footer{padding:0 1rem 1rem}.resource-card .card-footer .resource-date{font-size:.75rem;gap:.25rem}.resource-card .card-footer .card-actions .action-btn{width:1.75rem;height:1.75rem}}@media (prefers-color-scheme: dark){.resource-card{background:var(--bg-white-dark, #1a1a1a);border-color:var(--border-light-dark, #404040)}.resource-card:hover{border-color:var(--primary-color, #007bff);box-shadow:0 8px 24px #007bff4d}.resource-card.featured{background:linear-gradient(135deg,rgba(255,193,7,.1) 0%,var(--bg-white-dark, #1a1a1a) 100%)}.resource-card .card-header .resource-icon{background:var(--bg-secondary-dark, #2a2a2a)}.resource-card .card-header .resource-meta .category-name{color:var(--primary-light, #66b3ff)}.resource-card .card-header .resource-meta .click-count{color:var(--text-secondary-dark, #b0b0b0);background:var(--bg-secondary-dark, #2a2a2a);border-color:var(--border-light-dark, #404040)}.resource-card .card-header .resource-meta .click-count:hover{background:#66b3ff1a;border-color:var(--primary-light, #66b3ff);color:var(--primary-light, #66b3ff)}.resource-card .card-body .resource-name{color:var(--text-primary-dark, #ffffff)}.resource-card .card-body .resource-description{color:var(--text-secondary-dark, #b0b0b0)}.resource-card .card-tags .tag-more{background:var(--bg-secondary-dark, #2a2a2a);color:var(--text-secondary-dark, #b0b0b0);border-color:var(--border-light-dark, #404040)}.resource-card .card-footer .resource-date{color:var(--text-secondary-dark, #b0b0b0)}.resource-card .card-footer .card-actions .action-btn.open-btn{background:#007bff33;color:var(--primary-light, #66b3ff)}.resource-card .card-footer .card-actions .action-btn.open-btn:hover{background:var(--primary-color, #007bff);color:#fff}.resource-card .card-footer .card-actions .action-btn.share-btn{background:#28a74533;color:var(--success-light, #6fc276)}.resource-card .card-footer .card-actions .action-btn.share-btn:hover{background:var(--success-color, #28a745);color:#fff}.resource-card.list .resource-url{border-top-color:var(--border-light-dark, #404040);color:var(--text-secondary-dark, #b0b0b0)}}@media (prefers-contrast: high){.resource-card,.resource-card:hover{border-width:3px}.resource-card .card-tags .tag{border:2px solid rgba(255,255,255,.8)}.resource-card .card-actions .action-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.resource-card{transition:none}.resource-card:hover{transform:none}.resource-card .card-actions .action-btn{transition:none;opacity:1;transform:none}.resource-card .card-actions .action-btn:hover,.resource-card .card-actions .action-btn:active{transform:none}}.category-filter{margin-bottom:2rem}.category-filter .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.category-filter .filter-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.category-filter .filter-header .category-count{font-size:.875rem;color:var(--text-secondary, #666);background:var(--bg-secondary, #f5f5f5);padding:.25rem .75rem;border-radius:1rem;font-weight:500}.category-filter .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 768px){.category-filter .categories-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 480px){.category-filter .categories-grid{grid-template-columns:1fr}}.category-filter .category-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-white, #ffffff);border:2px solid var(--border-light, #e5e5e5);border-radius:.75rem;text-align:left;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.category-filter .category-btn:hover{border-color:var(--primary-color, #007bff);box-shadow:0 4px 12px #007bff26;transform:translateY(-1px)}.category-filter .category-btn:active{transform:translateY(0)}.category-filter .category-btn.active{border-color:var(--primary-color, #007bff);background:linear-gradient(135deg,var(--primary-light, #f0f8ff) 0%,var(--bg-white, #ffffff) 100%);box-shadow:0 4px 12px #007bff33}.category-filter .category-btn.active .category-icon{transform:scale(1.1)}.category-filter .category-btn.active .active-indicator{opacity:1}.category-filter .category-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.category-filter .category-btn:disabled:hover{border-color:var(--border-light, #e5e5e5);box-shadow:none;transform:none}.category-filter .category-btn .category-icon{font-size:2rem;transition:transform .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--bg-secondary, #f8f9fa);border-radius:.5rem}.category-filter .category-btn .category-info{flex:1;min-width:0}.category-filter .category-btn .category-info .category-name{display:block;font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.25rem;line-height:1.3}.category-filter .category-btn .category-info .resource-count{font-size:.875rem;color:var(--text-secondary, #666);font-weight:500}.category-filter .category-btn .active-indicator{position:absolute;top:.75rem;right:.75rem;width:1.5rem;height:1.5rem;background:var(--primary-color, #007bff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .2s ease}.category-filter.loading .filter-header .skeleton-title{width:200px;height:1.5rem;background:var(--skeleton-bg, #f0f0f0);border-radius:.25rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.category-filter.loading .filter-header .skeleton-count{width:80px;height:1.25rem;background:var(--skeleton-bg, #f0f0f0);border-radius:1rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.category-filter .filter-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 768px){.category-filter .filter-skeleton{grid-template-columns:1fr}}.category-filter .category-skeleton{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-white, #ffffff);border:2px solid var(--border-light, #e5e5e5);border-radius:.75rem}.category-filter .category-skeleton .skeleton-icon{width:3rem;height:3rem;background:var(--skeleton-bg, #f0f0f0);border-radius:.5rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.category-filter .category-skeleton .skeleton-content{flex:1}.category-filter .category-skeleton .skeleton-content .skeleton-name{width:70%;height:1rem;background:var(--skeleton-bg, #f0f0f0);border-radius:.25rem;margin-bottom:.5rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.category-filter .category-skeleton .skeleton-content .skeleton-number{width:40%;height:.875rem;background:var(--skeleton-bg, #f0f0f0);border-radius:.25rem;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.category-filter .skeleton-text{background:var(--skeleton-bg, #f0f0f0);border-radius:.25rem;animation:skeleton-pulse 1.5s ease-in-out infinite}@media (prefers-color-scheme: dark){.category-filter .filter-header h3{color:var(--text-primary-dark, #ffffff)}.category-filter .category-count{color:var(--text-secondary-dark, #b0b0b0);background:var(--bg-secondary-dark, #2a2a2a)}.category-filter .category-btn{background:var(--bg-white-dark, #1a1a1a);border-color:var(--border-light-dark, #404040)}.category-filter .category-btn:hover{border-color:var(--primary-color, #007bff);box-shadow:0 4px 12px #007bff4d}.category-filter .category-btn.active{background:linear-gradient(135deg,rgba(0,123,255,.1) 0%,var(--bg-white-dark, #1a1a1a) 100%)}.category-filter .category-btn .category-icon{background:var(--bg-secondary-dark, #2a2a2a)}.category-filter .category-btn .category-info .category-name{color:var(--text-primary-dark, #ffffff)}.category-filter .category-btn .category-info .resource-count{color:var(--text-secondary-dark, #b0b0b0)}.category-filter .category-skeleton{background:var(--bg-white-dark, #1a1a1a);border-color:var(--border-light-dark, #404040)}.category-filter .skeleton-icon,.category-filter .skeleton-name,.category-filter .skeleton-number,.category-filter .skeleton-text{background:var(--skeleton-bg-dark, #404040)}}.tag-filter{margin-bottom:2rem}.tag-filter .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tag-filter .filter-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.tag-filter .filter-header .header-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tag-filter .filter-header .header-meta .tag-count{font-size:.875rem;color:var(--text-secondary, #666);background:var(--bg-secondary, #f5f5f5);padding:.25rem .75rem;border-radius:1rem;font-weight:500}.tag-filter .filter-header .header-meta .clear-tag-btn{font-size:.875rem;color:var(--danger-color, #dc3545);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;font-weight:500}.tag-filter .filter-header .header-meta .clear-tag-btn:hover{background:var(--danger-light, #f8d7da);color:var(--danger-dark, #721c24)}.tag-filter .tags-container{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}@media (max-width: 480px){.tag-filter .tags-container{gap:.5rem}}.tag-filter .tag-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:2px solid transparent;border-radius:1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}.tag-filter .tag-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;filter:brightness(1.1)}.tag-filter .tag-btn:active{transform:translateY(0)}.tag-filter .tag-btn.active{border-color:#fffc!important;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.tag-filter .tag-btn.active .active-check{opacity:1}.tag-filter .tag-btn .tag-name{line-height:1}.tag-filter .tag-btn .tag-resource-count{font-size:.75rem;opacity:.8;font-weight:400}.tag-filter .tag-btn .active-check{opacity:0;transition:opacity .2s ease;font-weight:600;margin-left:.25rem}.tag-filter .tag-btn.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff3;border-radius:inherit;animation:tag-pulse 2s ease-in-out infinite}.tag-filter .show-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary, #f8f9fa);border:2px solid var(--border-light, #e5e5e5);border-radius:1.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #1a1a1a);cursor:pointer;transition:all .2s ease}.tag-filter .show-more-btn:hover{background:var(--primary-light, #e3f2fd);border-color:var(--primary-color, #007bff);color:var(--primary-color, #007bff);transform:translateY(-1px)}.tag-filter .show-more-btn svg{transition:transform .2s ease}.tag-filter .show-more-btn:hover svg{transform:translateY(1px)}.tag-filter .no-tags{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary, #666)}.tag-filter .no-tags .no-tags-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.tag-filter .no-tags p{margin:0;font-size:1rem;color:var(--text-secondary, #666)}@keyframes tag-pulse{0%,to{opacity:.2}50%{opacity:.4}}@media (max-width: 768px){.tag-filter .filter-header{flex-direction:column;align-items:flex-start;gap:.75rem}.tag-filter .filter-header h3{font-size:1.125rem}.tag-filter .filter-header .header-meta{align-self:stretch;justify-content:space-between;gap:.75rem}.tag-filter .tag-btn{font-size:.8125rem;padding:.4375rem .75rem}.tag-filter .show-more-btn{font-size:.8125rem;padding:.4375rem .875rem}}@media (max-width: 480px){.tag-filter .filter-header .header-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.tag-filter .tag-btn{font-size:.75rem;padding:.375rem .625rem;gap:.375rem}.tag-filter .tag-btn .tag-resource-count{font-size:.6875rem}.tag-filter .show-more-btn{font-size:.75rem;padding:.375rem .75rem;gap:.375rem}}@media (prefers-color-scheme: dark){.tag-filter .filter-header h3{color:var(--text-primary-dark, #ffffff)}.tag-filter .filter-header .header-meta .tag-count{color:var(--text-secondary-dark, #b0b0b0);background:var(--bg-secondary-dark, #2a2a2a)}.tag-filter .filter-header .header-meta .clear-tag-btn{color:var(--danger-color-dark, #ff6b6b)}.tag-filter .filter-header .header-meta .clear-tag-btn:hover{background:#ff6b6b1a;color:var(--danger-color-dark, #ff6b6b)}.tag-filter .show-more-btn{background:var(--bg-secondary-dark, #2a2a2a);border-color:var(--border-light-dark, #404040);color:var(--text-primary-dark, #ffffff)}.tag-filter .show-more-btn:hover{background:#007bff1a;border-color:var(--primary-color, #007bff);color:var(--primary-color, #007bff)}.tag-filter .no-tags p{color:var(--text-secondary-dark, #b0b0b0)}}@media (prefers-contrast: high){.tag-filter .tag-btn{border-width:3px;font-weight:600}.tag-filter .tag-btn.active{border-color:#fff!important;outline:2px solid #000000}.tag-filter .show-more-btn{border-width:3px;font-weight:600}}@media (prefers-reduced-motion: reduce){.tag-filter .tag-btn,.tag-filter .show-more-btn{transition:none}.tag-filter .tag-btn:hover,.tag-filter .show-more-btn:hover,.tag-filter .tag-btn.active,.tag-filter .show-more-btn.active{transform:none}.tag-filter .tag-btn.active:before{animation:none}.tag-filter .show-more-btn:hover svg{transform:none}}.search-bar{position:relative;margin-bottom:2rem;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.search-bar .search-container{position:relative;transition:all .3s ease}.search-bar .search-container.focused .search-input-wrapper{border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a;transform:translateY(-1px)}.search-bar .search-container.focused .search-icon{color:var(--primary-color, #007bff)}.search-bar .search-container.loading .search-icon{opacity:.5}.search-bar .search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-white, #ffffff);border:2px solid var(--border-light, #e5e5e5);border-radius:2rem;padding:.75rem 1rem;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.search-bar .search-input-wrapper:hover{border-color:var(--border-hover, #d0d0d0);box-shadow:0 4px 12px #0000001a}.search-bar .search-icon{color:var(--text-secondary, #666);transition:color .2s ease;flex-shrink:0;margin-right:.75rem;display:flex;align-items:center}.search-bar .search-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--text-primary, #1a1a1a);padding:0;line-height:1.5}.search-bar .search-input::placeholder{color:var(--text-placeholder, #999);font-weight:400}.search-bar .search-input:focus::placeholder{opacity:.7}.search-bar .search-loading{margin-left:.75rem;display:flex;align-items:center}.search-bar .search-loading .spinner{width:20px;height:20px;position:relative}.search-bar .search-loading .spinner:before{content:"";position:absolute;width:100%;height:100%;border:2px solid var(--border-light, #e5e5e5);border-top-color:var(--primary-color, #007bff);border-radius:50%;animation:search-spin 1s linear infinite}.search-bar .clear-search{margin-left:.75rem;padding:.25rem;background:var(--bg-secondary, #f8f9fa);border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary, #666);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.search-bar .clear-search:hover{background:var(--danger-light, #f8d7da);color:var(--danger-color, #dc3545);transform:scale(1.1)}.search-bar .clear-search:active{transform:scale(.95)}.search-bar .search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-white, #ffffff);border:2px solid var(--border-light, #e5e5e5);border-top:none;border-radius:0 0 1rem 1rem;box-shadow:0 8px 24px #00000026;z-index:1000;max-height:300px;overflow-y:auto}.search-bar .search-suggestions .suggestions-header{padding:.75rem 1rem .5rem;border-bottom:1px solid var(--border-light, #e5e5e5);font-size:.875rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.search-bar .search-suggestions .suggestions-list{list-style:none;margin:0;padding:0}.search-bar .search-suggestions .suggestions-list li{margin:0}.search-bar .search-suggestions .suggestion-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.9375rem;color:var(--text-primary, #1a1a1a)}.search-bar .search-suggestions .suggestion-item:hover{background:var(--bg-hover, #f8f9fa)}.search-bar .search-suggestions .suggestion-item:active{background:var(--bg-active, #e9ecef)}.search-bar .search-suggestions .suggestion-item .suggestion-icon{color:var(--text-secondary, #666);flex-shrink:0}.search-bar .search-help{position:absolute;top:100%;left:0;right:0;background:var(--bg-info, #d1ecf1);border:1px solid var(--border-info, #bee5eb);border-radius:.5rem;padding:1rem;margin-top:.5rem;font-size:.875rem;color:var(--text-info, #0c5460);z-index:999}.search-bar .search-help p{margin:0;line-height:1.4}@keyframes search-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.search-bar{max-width:100%;margin-bottom:1.5rem}.search-bar .search-input-wrapper{padding:.625rem .875rem}.search-bar .search-input{font-size:.9375rem}.search-bar .search-icon{margin-right:.625rem}.search-bar .search-loading,.search-bar .clear-search{margin-left:.625rem}.search-bar .clear-search{width:26px;height:26px}.search-bar .search-suggestions .suggestions-header{padding:.625rem .875rem .5rem;font-size:.8125rem}.search-bar .search-suggestions .suggestion-item{padding:.625rem .875rem;font-size:.875rem;gap:.625rem}.search-bar .search-help{padding:.875rem;font-size:.8125rem}}@media (max-width: 480px){.search-bar .search-input-wrapper{padding:.5rem .75rem;border-radius:1.5rem}.search-bar .search-input{font-size:.875rem}.search-bar .search-icon{margin-right:.5rem}.search-bar .search-loading,.search-bar .clear-search{margin-left:.5rem}.search-bar .clear-search{width:24px;height:24px}.search-bar .search-suggestions{border-radius:0 0 .75rem .75rem}.search-bar .search-suggestions .suggestion-item{padding:.5rem .75rem;gap:.5rem}}@media (prefers-color-scheme: dark){.search-bar .search-input-wrapper{background:var(--bg-white-dark, #1a1a1a);border-color:var(--border-light-dark, #404040)}.search-bar .search-input-wrapper:hover{border-color:var(--border-hover-dark, #606060);box-shadow:0 4px 12px #ffffff0d}.search-bar .search-container.focused .search-input-wrapper{border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff33}.search-bar .search-input{color:var(--text-primary-dark, #ffffff)}.search-bar .search-input::placeholder{color:var(--text-placeholder-dark, #888)}.search-bar .clear-search{background:var(--bg-secondary-dark, #2a2a2a);color:var(--text-secondary-dark, #b0b0b0)}.search-bar .clear-search:hover{background:#dc354533;color:var(--danger-color, #dc3545)}.search-bar .search-suggestions{background:var(--bg-white-dark, #1a1a1a);border-color:var(--border-light-dark, #404040);box-shadow:0 8px 24px #0006}.search-bar .search-suggestions .suggestions-header{border-bottom-color:var(--border-light-dark, #404040);color:var(--text-secondary-dark, #b0b0b0)}.search-bar .search-suggestions .suggestion-item{color:var(--text-primary-dark, #ffffff)}.search-bar .search-suggestions .suggestion-item:hover{background:var(--bg-hover-dark, #2a2a2a)}.search-bar .search-suggestions .suggestion-item:active{background:var(--bg-active-dark, #404040)}.search-bar .search-suggestions .suggestion-item .suggestion-icon{color:var(--text-secondary-dark, #b0b0b0)}.search-bar .search-help{background:#007bff1a;border-color:#007bff4d;color:var(--primary-light, #66b3ff)}}@media (prefers-contrast: high){.search-bar .search-input-wrapper{border-width:3px}.search-bar .search-container.focused .search-input-wrapper{border-width:3px;box-shadow:0 0 0 4px #007bff4d}.search-bar .search-suggestions{border-width:3px}}@media (prefers-reduced-motion: reduce){.search-bar .search-container,.search-bar .search-input-wrapper,.search-bar .search-icon,.search-bar .clear-search,.search-bar .suggestion-item{transition:none}.search-bar .search-container.focused .search-input-wrapper,.search-bar .clear-search:hover,.search-bar .clear-search:active{transform:none}.search-bar .search-loading .spinner:before{animation:none;border-top-color:var(--primary-color, #007bff)}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner.inline{display:inline-flex;flex-direction:row;gap:.5rem}.loading-spinner.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-spinner .spinner{position:relative}.loading-spinner .spinner .spinner-circle{border-radius:50%;border-style:solid;animation:spinner-rotate 1s linear infinite}.loading-spinner .spinner .spinner-path{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border-style:solid;border-color:transparent;animation:spinner-dash 1.5s ease-in-out infinite}.loading-spinner .loading-text{font-size:.875rem;color:var(--text-secondary, #666);font-weight:500;text-align:center;line-height:1.4}.loading-spinner.size-small .spinner{width:20px;height:20px}.loading-spinner.size-small .spinner .spinner-circle,.loading-spinner.size-small .spinner .spinner-path{width:20px;height:20px;border-width:2px}.loading-spinner.size-small .loading-text{font-size:.75rem}.loading-spinner.size-small.inline{gap:.375rem}.loading-spinner.size-medium .spinner{width:32px;height:32px}.loading-spinner.size-medium .spinner .spinner-circle,.loading-spinner.size-medium .spinner .spinner-path{width:32px;height:32px;border-width:3px}.loading-spinner.size-medium .loading-text{font-size:.875rem}.loading-spinner.size-large .spinner{width:48px;height:48px}.loading-spinner.size-large .spinner .spinner-circle,.loading-spinner.size-large .spinner .spinner-path{width:48px;height:48px;border-width:4px}.loading-spinner.size-large .loading-text{font-size:1rem}.loading-spinner.color-primary .spinner-circle{border-color:var(--border-light, #e5e5e5)}.loading-spinner.color-primary .spinner-path{border-top-color:var(--primary-color, #007bff)}.loading-spinner.color-secondary .spinner-circle{border-color:var(--border-light, #e5e5e5)}.loading-spinner.color-secondary .spinner-path{border-top-color:var(--secondary-color, #6c757d)}.loading-spinner.color-success .spinner-circle{border-color:var(--border-light, #e5e5e5)}.loading-spinner.color-success .spinner-path{border-top-color:var(--success-color, #28a745)}.loading-spinner.color-warning .spinner-circle{border-color:var(--border-light, #e5e5e5)}.loading-spinner.color-warning .spinner-path{border-top-color:var(--warning-color, #ffc107)}.loading-spinner.color-danger .spinner-circle{border-color:var(--border-light, #e5e5e5)}.loading-spinner.color-danger .spinner-path{border-top-color:var(--danger-color, #dc3545)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay .loading-spinner{background:var(--bg-white, #ffffff);padding:2rem;border-radius:1rem;box-shadow:0 8px 32px #00000026;border:1px solid var(--border-light, #e5e5e5)}.dot-spinner{display:inline-flex;gap:.25rem;align-items:center}.dot-spinner div{border-radius:50%;animation:dot-pulse 1.4s ease-in-out infinite both}.dot-spinner div.dot1{animation-delay:-.32s}.dot-spinner div.dot2{animation-delay:-.16s}.dot-spinner div.dot3{animation-delay:0s}.dot-spinner.size-small div{width:4px;height:4px}.dot-spinner.size-medium div{width:6px;height:6px}.dot-spinner.size-large div{width:8px;height:8px}.dot-spinner.color-primary div{background:var(--primary-color, #007bff)}.dot-spinner.color-secondary div{background:var(--secondary-color, #6c757d)}.dot-spinner.color-success div{background:var(--success-color, #28a745)}.dot-spinner.color-warning div{background:var(--warning-color, #ffc107)}.dot-spinner.color-danger div{background:var(--danger-color, #dc3545)}.pulse-spinner{background:var(--skeleton-bg, #f0f0f0);border-radius:.25rem;overflow:hidden;position:relative}.pulse-spinner .pulse-animation{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:pulse-shimmer 1.5s ease-in-out infinite}.skeleton-text-container .skeleton-line{background:var(--skeleton-bg, #f0f0f0);border-radius:.25rem;position:relative;overflow:hidden}.skeleton-text-container .skeleton-line .skeleton-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:pulse-shimmer 1.5s ease-in-out infinite}.skeleton-card{background:var(--bg-white, #ffffff);border:2px solid var(--border-light, #e5e5e5);border-radius:1rem;overflow:hidden;padding:1.5rem}.skeleton-card .skeleton-image{width:100%;height:200px;background:var(--skeleton-bg, #f0f0f0);border-radius:.5rem;margin-bottom:1rem;position:relative;overflow:hidden}.skeleton-card .skeleton-image .skeleton-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:pulse-shimmer 1.5s ease-in-out infinite}.skeleton-card .skeleton-content .skeleton-title{height:1.5rem;background:var(--skeleton-bg, #f0f0f0);border-radius:.25rem;margin-bottom:1rem;position:relative;overflow:hidden}.skeleton-card .skeleton-content .skeleton-title .skeleton-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:pulse-shimmer 1.5s ease-in-out infinite}.skeleton-card .skeleton-content .skeleton-text-lines{margin-bottom:1rem}.skeleton-card .skeleton-content .skeleton-text-lines .skeleton-line{height:1rem;background:var(--skeleton-bg, #f0f0f0);border-radius:.25rem;margin-bottom:.5rem;position:relative;overflow:hidden}.skeleton-card .skeleton-content .skeleton-text-lines .skeleton-line:last-child{margin-bottom:0}.skeleton-card .skeleton-content .skeleton-text-lines .skeleton-line .skeleton-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:pulse-shimmer 1.5s ease-in-out infinite}.skeleton-card .skeleton-content .skeleton-tags{display:flex;gap:.5rem;flex-wrap:wrap}.skeleton-card .skeleton-content .skeleton-tags .skeleton-tag{width:60px;height:1.5rem;background:var(--skeleton-bg, #f0f0f0);border-radius:.75rem;position:relative;overflow:hidden}.skeleton-card .skeleton-content .skeleton-tags .skeleton-tag .skeleton-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:pulse-shimmer 1.5s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{border-top-color:transparent;transform:rotate(0)}50%{border-top-color:currentColor;transform:rotate(180deg)}to{border-top-color:transparent;transform:rotate(360deg)}}@keyframes dot-pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-color-scheme: dark){.loading-spinner .loading-text{color:var(--text-secondary-dark, #b0b0b0)}.loading-spinner.color-primary .spinner-circle,.loading-spinner.color-secondary .spinner-circle,.loading-spinner.color-success .spinner-circle,.loading-spinner.color-warning .spinner-circle,.loading-spinner.color-danger .spinner-circle{border-color:var(--border-light-dark, #404040)}.loading-overlay{background:#000c}.loading-overlay .loading-spinner{background:var(--bg-white-dark, #1a1a1a);border-color:var(--border-light-dark, #404040)}.pulse-spinner{background:var(--skeleton-bg-dark, #404040)}.pulse-spinner .pulse-animation{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.skeleton-text-container .skeleton-line{background:var(--skeleton-bg-dark, #404040)}.skeleton-text-container .skeleton-line .skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.skeleton-card{background:var(--bg-white-dark, #1a1a1a);border-color:var(--border-light-dark, #404040)}.skeleton-card .skeleton-image,.skeleton-card .skeleton-title,.skeleton-card .skeleton-text-lines .skeleton-line,.skeleton-card .skeleton-tags .skeleton-tag{background:var(--skeleton-bg-dark, #404040)}.skeleton-card .skeleton-image .skeleton-shimmer,.skeleton-card .skeleton-title .skeleton-shimmer,.skeleton-card .skeleton-text-lines .skeleton-line .skeleton-shimmer,.skeleton-card .skeleton-tags .skeleton-tag .skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}}@media (prefers-reduced-motion: reduce){.loading-spinner .spinner .spinner-circle,.loading-spinner .spinner .spinner-path{animation:none}.loading-spinner .spinner .spinner-path{border-top-color:var(--primary-color, #007bff);opacity:.5}.dot-spinner div{animation:none;opacity:.7}.pulse-spinner .pulse-animation,.skeleton-shimmer{animation:none;opacity:.3}}@media (max-width: 768px){.loading-overlay .loading-spinner{padding:1.5rem;margin:1rem}.skeleton-card{padding:1rem}.skeleton-card .skeleton-image{height:150px}}@media (max-width: 480px){.loading-overlay .loading-spinner{padding:1rem;margin:.5rem}.skeleton-card{padding:.75rem}.skeleton-card .skeleton-image{height:120px}}.error-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border:1px solid;border-radius:.5rem;position:relative;transition:all .3s ease;margin-bottom:1rem}.error-message.visible{opacity:1;transform:translateY(0)}.error-message.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.error-message .error-content{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.error-message .error-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.error-message .error-icon img{transition:all .2s ease;flex-shrink:0}.error-message .error-text-container{flex:1;min-width:0}.error-message .error-text-container .error-text{display:block;font-size:.875rem;font-weight:500;line-height:1.5;margin:0;word-wrap:break-word}.error-message .error-text-container .error-actions{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.error-message .error-dismiss{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.125rem}.error-message .error-dismiss img{transition:all .2s ease;flex-shrink:0}.error-message .error-dismiss:hover{background:#0000001a;transform:scale(1.1)}.error-message .error-dismiss:active{transform:scale(.95)}.error-message.error{background:var(--error-bg, #fef2f2);border-color:var(--error-border, #fecaca);color:var(--error-text, #dc2626)}.error-message.error .error-icon img{filter:brightness(0) saturate(100%) invert(16%) sepia(72%) saturate(3295%) hue-rotate(346deg) brightness(95%) contrast(89%)}.error-message.error .error-dismiss{color:var(--error-text, #dc2626)}.error-message.error .error-dismiss img{filter:brightness(0) saturate(100%) invert(16%) sepia(72%) saturate(3295%) hue-rotate(346deg) brightness(95%) contrast(89%)}.error-message.error .error-dismiss:hover{background:var(--error-hover, #fee2e2)}.error-message.warning{background:var(--warning-bg, #fffbeb);border-color:var(--warning-border, #fed7aa);color:var(--warning-text, #d97706)}.error-message.warning .error-icon img{filter:brightness(0) saturate(100%) invert(54%) sepia(98%) saturate(1151%) hue-rotate(11deg) brightness(97%) contrast(86%)}.error-message.warning .error-dismiss{color:var(--warning-text, #d97706)}.error-message.warning .error-dismiss img{filter:brightness(0) saturate(100%) invert(54%) sepia(98%) saturate(1151%) hue-rotate(11deg) brightness(97%) contrast(86%)}.error-message.warning .error-dismiss:hover{background:var(--warning-hover, #fef3c7)}.error-message.info{background:var(--info-bg, #eff6ff);border-color:var(--info-border, #bfdbfe);color:var(--info-text, #2563eb)}.error-message.info .error-icon img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.error-message.info .error-dismiss{color:var(--info-text, #2563eb)}.error-message.info .error-dismiss img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.error-message.info .error-dismiss:hover{background:var(--info-hover, #dbeafe)}.error-message.success{background:var(--success-bg, #f0fdf4);border-color:var(--success-border, #bbf7d0);color:var(--success-text, #16a34a)}.error-message.success .error-icon img{filter:brightness(0) saturate(100%) invert(40%) sepia(61%) saturate(2159%) hue-rotate(103deg) brightness(97%) contrast(86%)}.error-message.success .error-dismiss{color:var(--success-text, #16a34a)}.error-message.success .error-dismiss img{filter:brightness(0) saturate(100%) invert(40%) sepia(61%) saturate(2159%) hue-rotate(103deg) brightness(97%) contrast(86%)}.error-message.success .error-dismiss:hover{background:var(--success-hover, #dcfce7)}.toast{position:fixed;z-index:10000;min-width:300px;max-width:500px;pointer-events:auto;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.toast.visible{opacity:1;transform:translate(0) scale(1)}.toast.hidden{opacity:0;pointer-events:none}.toast.toast-top-right{top:1rem;right:1rem}.toast.toast-top-right.hidden{transform:translate(100%) scale(.95)}.toast.toast-top-left{top:1rem;left:1rem}.toast.toast-top-left.hidden{transform:translate(-100%) scale(.95)}.toast.toast-top-center{top:1rem;left:50%;transform:translate(-50%)}.toast.toast-top-center.visible{transform:translate(-50%) translateY(0) scale(1)}.toast.toast-top-center.hidden{transform:translate(-50%) translateY(-100%) scale(.95)}.toast.toast-bottom-right{bottom:1rem;right:1rem}.toast.toast-bottom-right.hidden{transform:translate(100%) scale(.95)}.toast.toast-bottom-left{bottom:1rem;left:1rem}.toast.toast-bottom-left.hidden{transform:translate(-100%) scale(.95)}.toast.toast-bottom-center{bottom:1rem;left:50%;transform:translate(-50%)}.toast.toast-bottom-center.visible{transform:translate(-50%) translateY(0) scale(1)}.toast.toast-bottom-center.hidden{transform:translate(-50%) translateY(100%) scale(.95)}.toast .toast-content{margin-bottom:0;box-shadow:0 10px 25px #00000026;border-width:1px}.toast.toast-error .toast-content{background:var(--error-bg, #fef2f2);border-color:var(--error-border, #fecaca);color:var(--error-text, #dc2626)}.toast.toast-warning .toast-content{background:var(--warning-bg, #fffbeb);border-color:var(--warning-border, #fed7aa);color:var(--warning-text, #d97706)}.toast.toast-info .toast-content{background:var(--info-bg, #eff6ff);border-color:var(--info-border, #bfdbfe);color:var(--info-text, #2563eb)}.toast.toast-success .toast-content{background:var(--success-bg, #f0fdf4);border-color:var(--success-border, #bbf7d0);color:var(--success-text, #16a34a)}.banner{width:100%;position:relative;z-index:1000}.banner .container{max-width:1200px;margin:0 auto;padding:0 1rem}.banner .banner-content{margin-bottom:0;border-radius:0;border-left:none;border-right:none}.banner.banner-error{background:var(--error-bg, #fef2f2);border-top:3px solid var(--error-border, #ef4444);border-bottom:3px solid var(--error-border, #ef4444)}.banner.banner-error .banner-content{background:transparent;border:none;color:var(--error-text, #dc2626)}.banner.banner-warning{background:var(--warning-bg, #fffbeb);border-top:3px solid var(--warning-border, #f59e0b);border-bottom:3px solid var(--warning-border, #f59e0b)}.banner.banner-warning .banner-content{background:transparent;border:none;color:var(--warning-text, #d97706)}.banner.banner-info{background:var(--info-bg, #eff6ff);border-top:3px solid var(--info-border, #3b82f6);border-bottom:3px solid var(--info-border, #3b82f6)}.banner.banner-info .banner-content{background:transparent;border:none;color:var(--info-text, #2563eb)}.banner.banner-success{background:var(--success-bg, #f0fdf4);border-top:3px solid var(--success-border, #22c55e);border-bottom:3px solid var(--success-border, #22c55e)}.banner.banner-success .banner-content{background:transparent;border:none;color:var(--success-text, #16a34a)}.inline-error{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--error-text, #dc2626);font-weight:500;margin-top:.375rem}.inline-error img{flex-shrink:0;filter:brightness(0) saturate(100%) invert(16%) sepia(72%) saturate(3295%) hue-rotate(346deg) brightness(95%) contrast(89%)}@media (max-width: 768px){.toast{min-width:280px;max-width:calc(100vw - 2rem);left:1rem!important;right:1rem!important;transform:none!important}.toast.toast-top-left,.toast.toast-top-right,.toast.toast-top-center{top:1rem}.toast.toast-bottom-left,.toast.toast-bottom-right,.toast.toast-bottom-center{bottom:1rem}.toast.visible{transform:translateY(0) scale(1)!important}.toast.hidden{transform:translateY(-20px) scale(.95)!important}.toast.hidden.toast-bottom-left,.toast.hidden.toast-bottom-right,.toast.hidden.toast-bottom-center{transform:translateY(20px) scale(.95)!important}.error-message{padding:.875rem 1rem;gap:.625rem}.error-message .error-content{gap:.625rem}.error-message .error-text-container .error-text{font-size:.8125rem}.error-message .error-dismiss{width:1.375rem;height:1.375rem}.banner .container{padding:0 .75rem}}@media (max-width: 480px){.toast{min-width:260px;left:.75rem!important;right:.75rem!important}.error-message{padding:.75rem;gap:.5rem;flex-direction:column}.error-message .error-content{gap:.5rem}.error-message .error-dismiss{align-self:flex-end;margin-top:0}.inline-error{font-size:.75rem;gap:.25rem}}@media (prefers-color-scheme: dark){.error-message.error{background:#dc262626;border-color:#dc26264d;color:#fca5a5}.error-message.error .error-icon img,.error-message.error .error-dismiss img{filter:brightness(0) saturate(100%) invert(79%) sepia(27%) saturate(1514%) hue-rotate(316deg) brightness(108%) contrast(96%)}.error-message.error .error-dismiss{color:#fca5a5}.error-message.error .error-dismiss:hover{background:#dc262633}.error-message.warning{background:#d9770626;border-color:#d977064d;color:#fcd34d}.error-message.warning .error-icon img,.error-message.warning .error-dismiss img{filter:brightness(0) saturate(100%) invert(85%) sepia(81%) saturate(348%) hue-rotate(359deg) brightness(101%) contrast(93%)}.error-message.warning .error-dismiss{color:#fcd34d}.error-message.warning .error-dismiss:hover{background:#d9770633}.error-message.info{background:#2563eb26;border-color:#2563eb4d;color:#93c5fd}.error-message.info .error-icon img,.error-message.info .error-dismiss img{filter:brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(1697%) hue-rotate(201deg) brightness(103%) contrast(98%)}.error-message.info .error-dismiss{color:#93c5fd}.error-message.info .error-dismiss:hover{background:#2563eb33}.error-message.success{background:#16a34a26;border-color:#16a34a4d;color:#86efac}.error-message.success .error-icon img,.error-message.success .error-dismiss img{filter:brightness(0) saturate(100%) invert(81%) sepia(29%) saturate(1108%) hue-rotate(94deg) brightness(108%) contrast(89%)}.error-message.success .error-dismiss{color:#86efac}.error-message.success .error-dismiss:hover{background:#16a34a33}.toast.toast-error .toast-content{background:#dc262626;border-color:#dc26264d;color:#fca5a5}.toast.toast-warning .toast-content{background:#d9770626;border-color:#d977064d;color:#fcd34d}.toast.toast-info .toast-content{background:#2563eb26;border-color:#2563eb4d;color:#93c5fd}.toast.toast-success .toast-content{background:#16a34a26;border-color:#16a34a4d;color:#86efac}.banner.banner-error{background:#dc26261a;border-color:#dc2626}.banner.banner-error .banner-content{color:#fca5a5}.banner.banner-warning{background:#d977061a;border-color:#d97706}.banner.banner-warning .banner-content{color:#fcd34d}.banner.banner-info{background:#2563eb1a;border-color:#2563eb}.banner.banner-info .banner-content{color:#93c5fd}.banner.banner-success{background:#16a34a1a;border-color:#16a34a}.banner.banner-success .banner-content{color:#86efac}.inline-error{color:#fca5a5}.inline-error img{filter:brightness(0) saturate(100%) invert(79%) sepia(27%) saturate(1514%) hue-rotate(316deg) brightness(108%) contrast(96%)}}@media (prefers-contrast: high){.error-message{border-width:2px;font-weight:600}.toast .toast-content{border-width:2px}.banner{border-top-width:4px;border-bottom-width:4px}.inline-error{font-weight:600}}@media (prefers-reduced-motion: reduce){.error-message,.toast,.error-dismiss{transition:none}.toast.visible,.toast.hidden{transform:none!important}.error-dismiss:hover,.error-dismiss:active{transform:none}}.share-page{min-height:100vh;background:#0a0a0a;color:#fff}.share-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.share-hero{padding:120px 0 80px;text-align:center;background:#0a0a0a}.share-hero .share-title{font-size:3.5rem;font-weight:700;margin:5rem 0 1rem;color:#fff}@media (max-width: 768px){.share-hero .share-title{font-size:2.5rem}}.share-hero .share-subtitle{font-size:1.2rem;color:#ffffffb3;margin-bottom:2rem;line-height:1.6}.share-hero .stats-summary{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.share-hero .stats-summary .stat-item{text-align:center}.share-hero .stats-summary .stat-item .stat-number{display:block;font-size:2rem;font-weight:700;color:#fff;line-height:1}.share-hero .stats-summary .stat-item .stat-label{display:block;font-size:.875rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}@media (max-width: 480px){.share-hero .stats-summary{gap:1.5rem}.share-hero .stats-summary .stat-item .stat-number{font-size:1.5rem}}.share-hero .cta-button{background:linear-gradient(135deg,#4c6ef5,#9c88ff);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-bottom:3rem;transition:all .3s ease}.share-hero .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4c6ef54d}.share-hero .search-container{max-width:500px;margin:0 auto}.share-hero .search-container .search-box{position:relative}.share-hero .search-container .search-box .search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#fff9}.share-hero .search-container .search-box .search-input{width:100%;padding:15px 15px 15px 50px;border:2px solid rgba(255,255,255,.2);border-radius:25px;background:#ffffff0d;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-hero .search-container .search-box .search-input::placeholder{color:#fff9}.share-hero .search-container .search-box .search-input:focus{outline:none;border-color:#4c6ef5;box-shadow:0 0 20px #4c6ef54d}@media (max-width: 768px){.share-hero{padding:100px 0 60px}.share-hero .share-title{font-size:2.5rem}.share-hero .share-subtitle{font-size:1.1rem}}.share-filters{background:#1a1a1a;border-bottom:1px solid #333;padding:2rem 0}.share-filters .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.share-filters .filters-header{flex-direction:column;align-items:stretch;gap:1.5rem}}.share-filters .view-controls{display:flex;align-items:center;gap:1.5rem}@media (max-width: 768px){.share-filters .view-controls{justify-content:space-between}}.share-filters .sort-controls{display:flex;align-items:center;gap:.5rem}.share-filters .sort-controls label{font-size:.875rem;font-weight:500;color:#888;white-space:nowrap}.share-filters .sort-controls .sort-select{padding:.5rem .75rem;border:1px solid #333;border-radius:6px;background:#2a2a2a;color:#fff;font-size:.875rem;cursor:pointer}.share-filters .sort-controls .sort-select:focus{outline:none;border-color:#4c6ef5}.share-filters .view-toggle{display:flex;background:#2a2a2a;border:1px solid #333;border-radius:6px;overflow:hidden}.share-filters .view-toggle .view-btn{padding:.5rem .75rem;border:none;background:transparent;color:#888;cursor:pointer;transition:all .2s ease;font-size:1rem}.share-filters .view-toggle .view-btn:hover{background:#333;color:#fff}.share-filters .view-toggle .view-btn.active{background:#4c6ef5;color:#fff}.share-filters .view-toggle .view-btn:not(:last-child){border-right:1px solid #333}.share-filters .active-filters{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.share-filters .active-filters .filters-label{font-size:.875rem;font-weight:600;color:#fff}.share-filters .active-filters .filter-tag{display:inline-flex;align-items:center;gap:.5rem;background:#4c6ef5;color:#fff;padding:.375rem .75rem;border-radius:15px;font-size:.8125rem;font-weight:500}.share-filters .active-filters .filter-tag button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.25rem;opacity:.7}.share-filters .active-filters .filter-tag button:hover{opacity:1}.share-filters .active-filters .clear-filters{background:#dc3545;color:#fff;border:none;padding:.375rem .75rem;border-radius:15px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.share-filters .active-filters .clear-filters:hover{background:#c82333}.share-content{padding:80px 0}.share-content .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1rem}.share-content .loading-container p{color:#888;font-size:1rem;margin:0}.share-content .no-results{text-align:center;padding:4rem 0;color:#888}.share-content .no-results .no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.share-content .no-results h3{font-size:1.5rem;color:#fff;margin:0 0 .5rem}.share-content .no-results p{font-size:1rem;margin:0 0 2rem;line-height:1.5}.share-content .no-results .btn-secondary{background:#2a2a2a;color:#fff;border:1px solid #333;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;display:inline-block;transition:all .2s ease}.share-content .no-results .btn-secondary:hover{background:#4c6ef5;border-color:#4c6ef5}@media (max-width: 768px){.share-content{padding:60px 0}}.resources-container.grid .category-section{margin-bottom:3rem}.resources-container.grid .category-section:last-child{margin-bottom:0}.resources-container.grid .category-section .category-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #333}.resources-container.grid .category-section .category-header .category-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;margin:0}.resources-container.grid .category-section .category-header .category-title .category-icon{font-size:1.75rem}.resources-container.grid .category-section .category-header .category-title .resource-count{font-size:.875rem;font-weight:500;color:#888;background:#2a2a2a;padding:.25rem .75rem;border-radius:15px}.resources-container.grid .category-section .resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.resources-container.grid .category-section .resources-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}}@media (max-width: 480px){.resources-container.grid .category-section .resources-grid{grid-template-columns:1fr}}.resources-container.grid .resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.resources-container.grid .resources-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}}@media (max-width: 480px){.resources-container.grid .resources-grid{grid-template-columns:1fr}}.resources-container.list .resources-list{display:flex;flex-direction:column;gap:1rem}.load-more-container{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #333}.load-more-container .load-more-btn{background:linear-gradient(135deg,#4c6ef5,#9c88ff);color:#fff;border:none;padding:.875rem 2rem;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:200px}.load-more-container .load-more-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c6ef54d}.load-more-container .load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}@media (max-width: 768px){.resources-grid{grid-template-columns:1fr;gap:30px}}.resource-category{background:#1a1a1a;border-radius:12px;padding:30px;border:1px solid #333;transition:transform .3s ease,box-shadow .3s ease}.resource-category:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000080}.resource-category .category-header{margin-bottom:25px}.resource-category .category-header .category-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#fff}.resource-category .category-header .category-description{font-size:.9rem;color:#888;line-height:1.5}.resource-category .category-items{display:grid;gap:8px;margin-bottom:20px}.resource-category .resource-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;transition:all .2s ease;position:relative;cursor:pointer}.resource-category .resource-item:hover{background:#2a2a2a;transform:translate(3px)}.resource-category .resource-item.featured{background:#2a2a3a;border-left:3px solid #4c6ef5}.resource-category .resource-item.featured .featured-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#ffd43b}.resource-category .resource-item .item-icon{font-size:1rem;margin-right:12px;min-width:16px}.resource-category .resource-item .item-content{flex:1}.resource-category .resource-item .item-content .item-name{font-size:.9rem;font-weight:500;margin-bottom:2px;color:#fff}.resource-category .resource-item .item-content .item-type{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.resource-category .view-all-btn{background-color:#27272acc;color:#fff;border:1px solid #333;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;width:100%}.resource-category .view-all-btn:hover{background:#222;border-color:#4c6ef5}@media (max-width: 1024px){.resources-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.resource-category{padding:25px 20px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-page{min-height:100vh;background:#0a0a0a;color:#fff}.faq-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.faq-hero{padding:120px 0 60px;text-align:center}.faq-hero .faq-title{font-size:4rem;font-weight:700;margin:5rem 0 1rem;color:#fff}@media (max-width: 768px){.faq-hero .faq-title{font-size:3rem}}.faq-hero .faq-subtitle{font-size:1.2rem;color:#888;margin:0 auto 2rem;max-width:600px;width:90%;text-align:center}@media (max-width: 768px){.faq-hero .faq-subtitle{width:95%;font-size:1.1rem}}@media (min-width: 1200px){.faq-hero .faq-subtitle{width:50%}}.faq-hero .faq-search{max-width:500px;margin:0 auto}.faq-hero .faq-search .search-input{width:100%;padding:15px 20px;font-size:1rem;background:#1a1a1a;border:2px solid #333;border-radius:25px;color:#fff;outline:none;transition:all .3s ease}.faq-hero .faq-search .search-input::placeholder{color:#666}.faq-hero .faq-search .search-input:focus{border-color:#4c6ef5;background:#222}.faq-content{padding:40px 0 80px}.faq-layout{display:flex;gap:60px}@media (max-width: 1024px){.faq-layout{gap:40px}}@media (max-width: 768px){.faq-layout{flex-direction:column;gap:30px}}.faq-sidebar{width:200px;flex-shrink:0}@media (max-width: 768px){.faq-sidebar{width:100%;display:flex;flex-wrap:wrap;gap:10px}}.faq-sidebar .category-btn{display:block;width:100%;padding:12px 20px;background:transparent;color:#888;border:none;outline:none;text-align:left;font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;margin-bottom:8px;transition:all .3s ease;position:relative}.faq-sidebar .category-btn:focus{outline:none;border:none}@media (max-width: 768px){.faq-sidebar .category-btn{width:auto;flex:1;min-width:120px;text-align:center;margin-bottom:0}}.faq-sidebar .category-btn:hover{background:#1a1a1a;color:#fff}.faq-sidebar .category-btn.active{background:#1a1a1a;color:#4c6ef5;font-weight:600}.faq-sidebar .category-btn .question-count{font-size:.85rem;color:#4c6ef5;font-weight:600;margin-left:5px}.faq-main{flex:1}.faq-main .category-header{display:flex;align-items:center;margin-bottom:30px}.faq-main .category-header .category-icon{margin-right:15px}.faq-main .category-header .category-icon .icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:20px;height:20px}.faq-main .category-header .category-icon .icon-grid .icon-dot{width:8px;height:8px;background:#4c6ef5;border-radius:2px}.faq-main .category-header .category-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.faq-main .category-header .category-title .search-info{font-size:1rem;color:#888;font-weight:400}.questions-list .no-questions{text-align:center;padding:60px 20px;color:#666;font-size:1.1rem;background:#111;border-radius:10px;border:1px dashed #333}.questions-list .question-item{border-bottom:1px solid #333}.questions-list .question-item:last-child{border-bottom:none}.questions-list .question-item .question-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0;background:transparent;border:none;outline:none;text-align:left;cursor:pointer;transition:all .3s ease}.questions-list .question-item .question-header:focus{outline:none;border:none}.questions-list .question-item .question-header:hover .question-text{color:#4c6ef5}.questions-list .question-item .question-header .question-text{font-size:24px;font-weight:500;color:#fff;transition:color .3s ease;flex:1;padding-right:20px}.questions-list .question-item .question-header .question-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:50%;font-size:1.2rem;font-weight:600;color:#fff;transition:all .3s ease;flex-shrink:0}.questions-list .question-item .question-header .question-toggle.open{background:#4c6ef5;transform:rotate(180deg)}.questions-list .question-item .question-answer{padding:0 0 25px 20px;animation:fadeInDown .3s ease}.questions-list .question-item .question-answer p{font-size:1rem;line-height:1.6;color:#ccc;margin:0 0 10px}.questions-list .question-item .question-answer .question-meta .view-count{font-size:.85rem;color:#666;font-style:italic}.questions-list .see-more-container{text-align:center;padding:30px 0 20px;margin-top:20px}.questions-list .see-more-container .see-more-btn{padding:12px 24px;color:#fff;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.questions-list .see-more-container .see-more-btn:hover{transform:translateY(-2px)}.questions-list .see-more-container .see-more-btn:focus{outline:none;border:none;box-shadow:0 0 0 3px #4c6ef54d}@media (max-width: 768px){.questions-list .see-more-container .see-more-btn{padding:10px 20px;font-size:.95rem}}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:300px;color:#888}.error-container{flex-direction:column;gap:20px}.error-container .retry-btn{padding:10px 20px;background:#4c6ef5;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:all .3s ease}.error-container .retry-btn:hover{background:#5c7cfa}button:focus{outline:none!important;border:none!important;box-shadow:none!important}button:focus-visible{outline:none!important}@media (max-width: 768px){.faq-hero{padding:100px 0 40px}.faq-hero .faq-title{font-size:3rem}.faq-hero .faq-search .search-input{padding:12px 16px;font-size:.95rem}.faq-content{padding:30px 0 60px}.questions-list .no-questions{padding:40px 15px;font-size:1rem}.questions-list .question-item .question-header{padding:16px 0}.questions-list .question-item .question-header .question-text{padding-right:15px}.questions-list .question-item .question-header .question-toggle{width:20px;height:20px;font-size:1rem}.questions-list .question-item .question-answer{padding:0 0 20px}.questions-list .question-item .question-answer p{font-size:.95rem}.questions-list .question-item .question-answer .question-meta .view-count{font-size:.8rem}.questions-list .see-more-container{padding:20px 0 15px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.login-page .login-container{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px}.login-page .login-container .login-header{text-align:center;margin-bottom:2rem}.login-page .login-container .login-header h1{color:#333;margin-bottom:.5rem;font-size:2rem;font-weight:600}.login-page .login-container .login-header p{color:#666;margin:0}.login-page .login-container .login-form .general-error{background:#fee;color:#c53030;padding:1rem;border-radius:6px;margin-bottom:1.5rem;border:1px solid #fed7d7;text-align:center}.login-page .login-container .login-form .form-group{margin-bottom:1.5rem}.login-page .login-container .login-form .form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.login-page .login-container .login-form .form-group input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s ease}.login-page .login-container .login-form .form-group input:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.login-page .login-container .login-form .form-group input.error{border-color:#e53e3e}.login-page .login-container .login-form .form-group input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.login-page .login-container .login-form .form-group input::placeholder{color:#a0aec0}.login-page .login-container .login-form .form-group .error-message{display:block;color:#e53e3e;font-size:.875rem;margin-top:.5rem}.login-page .login-container .login-form .login-btn{width:100%;padding:1rem;background:#06f;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-page .login-container .login-form .login-btn:hover:not(:disabled){background:#0052cc;transform:translateY(-1px);box-shadow:0 4px 12px #0066ff4d}.login-page .login-container .login-form .login-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.login-page{padding:1rem}.login-page .login-container{padding:2rem 1.5rem}.login-page .login-container .login-header h1{font-size:1.75rem}}.admin-dashboard{padding:2rem 0}.admin-dashboard .dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 0;margin-bottom:3rem}.admin-dashboard .dashboard-header .header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.admin-dashboard .dashboard-header .header-content .header-text h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.admin-dashboard .dashboard-header .header-content .header-text p{font-size:1.125rem;opacity:.9;margin:0}.admin-dashboard .dashboard-header .header-content .header-actions .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.admin-dashboard .dashboard-header .header-content .header-actions .btn img{filter:brightness(0) saturate(100%) invert(100%);transition:transform .3s ease}.admin-dashboard .dashboard-header .header-content .header-actions .btn:hover{background:#ffffff4d;border-color:#ffffff80}.admin-dashboard .dashboard-header .header-content .header-actions .btn:hover img{transform:scale(1.1)}.admin-dashboard .error-message{background:#fee;color:#c53030;padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid #fed7d7}.admin-dashboard .dashboard-tabs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;margin-bottom:2rem;border-bottom:1px solid #e2e8f0}.admin-dashboard .dashboard-tabs .tab-button{padding:1rem 1.5rem;background:transparent;border:none;color:#718096;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.admin-dashboard .dashboard-tabs .tab-button:hover{color:#e44;background:#ee44440d}.admin-dashboard .dashboard-tabs .tab-button.active{color:#e44;border-bottom-color:#e44;background:#ee44440d}.admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.admin-dashboard .stats-grid .stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;transition:all .3s ease}.admin-dashboard .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.admin-dashboard .stats-grid .stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;flex-direction:row;justify-content:center;align-items:center}.admin-dashboard .stats-grid .stat-card .stat-icon img{transition:transform .3s ease}.admin-dashboard .stats-grid .stat-card .stat-icon.posts{background:#3182ce1a}.admin-dashboard .stats-grid .stat-card .stat-icon.posts img{filter:brightness(0) saturate(100%) invert(32%) sepia(77%) saturate(1497%) hue-rotate(202deg) brightness(99%) contrast(88%)}.admin-dashboard .stats-grid .stat-card .stat-icon.users{background:#38a1691a}.admin-dashboard .stats-grid .stat-card .stat-icon.users img{filter:brightness(0) saturate(100%) invert(40%) sepia(61%) saturate(2159%) hue-rotate(103deg) brightness(97%) contrast(86%)}.admin-dashboard .stats-grid .stat-card .stat-icon.views{background:#d69e2e1a}.admin-dashboard .stats-grid .stat-card .stat-icon.views img{filter:brightness(0) saturate(100%) invert(54%) sepia(98%) saturate(1151%) hue-rotate(11deg) brightness(97%) contrast(86%)}.admin-dashboard .stats-grid .stat-card .stat-icon.comments{background:#9f7aea1a}.admin-dashboard .stats-grid .stat-card .stat-icon.comments img{filter:brightness(0) saturate(100%) invert(60%) sepia(41%) saturate(1497%) hue-rotate(239deg) brightness(90%) contrast(91%)}.admin-dashboard .stats-grid .stat-card .stat-content{flex:1}.admin-dashboard .stats-grid .stat-card .stat-content .stat-number{font-size:2rem;font-weight:700;color:#333;line-height:1;margin-bottom:.25rem}.admin-dashboard .stats-grid .stat-card .stat-content .stat-label{font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.25rem}.admin-dashboard .stats-grid .stat-card .stat-content .stat-meta{font-size:.75rem;color:#718096}.admin-dashboard .dashboard-sections{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.admin-dashboard .dashboard-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0}.admin-dashboard .dashboard-section .section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f7fafc}.admin-dashboard .dashboard-section .section-header h3{font-size:1.25rem;font-weight:600;color:#333;margin:0}.admin-dashboard .dashboard-section .section-header .view-all{color:#e44;font-size:.875rem;font-weight:500;background:transparent;border:none;cursor:pointer}.admin-dashboard .dashboard-section .section-header .view-all:hover{text-decoration:underline}.admin-dashboard .recent-posts .post-item{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:1rem 0;border-bottom:1px solid #f7fafc;gap:1rem}.admin-dashboard .recent-posts .post-item:last-child{border-bottom:none}.admin-dashboard .recent-posts .post-item .post-content{flex:1}.admin-dashboard .recent-posts .post-item .post-content .post-title{margin:0 0 .5rem}.admin-dashboard .recent-posts .post-item .post-content .post-title a{color:#333;font-size:.9rem;font-weight:500;line-height:1.4}.admin-dashboard .recent-posts .post-item .post-content .post-title a:hover{color:#e44}.admin-dashboard .recent-posts .post-item .post-content .post-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-dashboard .recent-posts .post-item .post-content .post-meta .post-date,.admin-dashboard .recent-posts .post-item .post-content .post-meta .post-views{font-size:.75rem;color:#718096}.admin-dashboard .recent-posts .post-item .post-actions .btn-sm{padding:.5rem .75rem;font-size:.75rem}.admin-dashboard .recent-users .user-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f7fafc;gap:1rem}.admin-dashboard .recent-users .user-item:last-child{border-bottom:none}.admin-dashboard .recent-users .user-item .user-avatar{width:40px;height:40px;border-radius:50%;background:#e44;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-size:.875rem;font-weight:600;overflow:hidden;flex-shrink:0}.admin-dashboard .recent-users .user-item .user-avatar img{width:100%;height:100%;object-fit:cover}.admin-dashboard .recent-users .user-item .user-content{flex:1}.admin-dashboard .recent-users .user-item .user-content .user-name{font-weight:500;color:#333;margin-bottom:.25rem;font-size:.875rem}.admin-dashboard .recent-users .user-item .user-content .user-email{font-size:.75rem;color:#718096;margin-bottom:.5rem}.admin-dashboard .recent-users .user-item .user-content .user-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-dashboard .recent-users .user-item .user-content .user-meta .user-date{font-size:.75rem;color:#718096}.admin-dashboard .recent-users .user-item .user-status .status-indicator.active{color:#38a169}.admin-dashboard .recent-users .user-item .user-status .status-indicator.inactive{color:#e53e3e}.admin-dashboard .posts-table .table-header,.admin-dashboard .posts-table .table-row{display:grid;grid-template-columns:2fr 120px 150px 80px 100px;gap:1rem;padding:1rem 0;border-bottom:1px solid #f7fafc;align-items:center}.admin-dashboard .posts-table .table-header{font-weight:600;color:#4a5568;font-size:.875rem;border-bottom:2px solid #e2e8f0}.admin-dashboard .posts-table .table-row:hover{background:#f7fafc}.admin-dashboard .posts-table .table-row .col-title a{color:#333;font-weight:500}.admin-dashboard .posts-table .table-row .col-title a:hover{color:#e44}.admin-dashboard .posts-table .table-row .col-date,.admin-dashboard .posts-table .table-row .col-views{font-size:.875rem;color:#718096}.admin-dashboard .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.admin-dashboard .users-grid .user-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.admin-dashboard .users-grid .user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.admin-dashboard .users-grid .user-card .user-avatar{width:60px;height:60px;border-radius:50%;background:#e44;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-size:1.25rem;font-weight:600;margin:0 auto 1rem;overflow:hidden}.admin-dashboard .users-grid .user-card .user-avatar img{width:100%;height:100%;object-fit:cover}.admin-dashboard .users-grid .user-card .user-info h4{margin:0 0 .5rem;color:#333;font-size:1.125rem}.admin-dashboard .users-grid .user-card .user-info p{margin:0 0 1rem;color:#718096;font-size:.875rem}.admin-dashboard .users-grid .user-card .user-info .user-badges{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.admin-dashboard .users-grid .user-card .user-info .user-date{font-size:.75rem;color:#a0aec0}.admin-dashboard .status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.admin-dashboard .status-badge.success{background:#48bb781a;color:#38a169}.admin-dashboard .status-badge.warning{background:#ed89361a;color:#d69e2e}.admin-dashboard .status-badge.secondary{background:#7180961a;color:#4a5568}.admin-dashboard .status-badge.primary{background:#ee44441a;color:#e44}.admin-dashboard .role-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.admin-dashboard .role-badge.primary{background:#ee44441a;color:#e44}.admin-dashboard .role-badge.secondary{background:#7180961a;color:#4a5568}.admin-dashboard .status-indicator{font-size:.75rem;font-weight:500}.admin-dashboard .status-indicator.active{color:#38a169}.admin-dashboard .status-indicator.inactive{color:#e53e3e}.admin-dashboard .empty-state{text-align:center;padding:2rem;color:#718096}.admin-dashboard .empty-state p{margin-bottom:1rem}.admin-dashboard .btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:6px}.admin-dashboard .btn-sm.btn-outline{background:transparent;border:1px solid #e2e8f0;color:#333}.admin-dashboard .btn-sm.btn-outline:hover{background:#f7fafc;border-color:#cbd5e0}@media (max-width: 992px){.admin-dashboard .dashboard-header{padding:2rem 0;margin-bottom:2rem}.admin-dashboard .dashboard-header .header-content{flex-direction:column;align-items:flex-start;gap:1rem}.admin-dashboard .dashboard-header .header-content .header-text h1{font-size:2rem}.admin-dashboard .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-dashboard .dashboard-sections{grid-template-columns:1fr;gap:1.5rem}.admin-dashboard .posts-table .table-header,.admin-dashboard .posts-table .table-row{grid-template-columns:1fr 100px 80px}.admin-dashboard .posts-table .table-header .col-date,.admin-dashboard .posts-table .table-header .col-views,.admin-dashboard .posts-table .table-row .col-date,.admin-dashboard .posts-table .table-row .col-views{display:none}.admin-dashboard .users-grid{grid-template-columns:1fr}}@media (max-width: 576px){.admin-dashboard{padding-top:1rem}.admin-dashboard .dashboard-header{padding:1.5rem 0;margin-bottom:1.5rem}.admin-dashboard .dashboard-header .header-text h1{font-size:1.75rem}.admin-dashboard .stats-grid{grid-template-columns:1fr}.admin-dashboard .stats-grid .stat-card,.admin-dashboard .dashboard-section{padding:1rem}.admin-dashboard .dashboard-tabs{overflow-x:auto}.admin-dashboard .dashboard-tabs .tab-button{white-space:nowrap;padding:.75rem 1rem}.admin-dashboard .posts-table .table-header,.admin-dashboard .posts-table .table-row{grid-template-columns:1fr 80px}.admin-dashboard .posts-table .table-header .col-status,.admin-dashboard .posts-table .table-header .col-actions,.admin-dashboard .posts-table .table-row .col-status,.admin-dashboard .posts-table .table-row .col-actions{display:none}.admin-dashboard .recent-posts .post-item,.admin-dashboard .recent-users .user-item{flex-direction:column;align-items:flex-start;gap:.5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}ul,ol{list-style:none}a{color:#e44;text-decoration:none;transition:all .3s ease}a:hover{color:#ea1515}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}input,button,textarea,select{font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}textarea{resize:vertical}input:invalid,textarea:invalid{box-shadow:none}:focus{outline:3px solid rgba(238,68,68,.5);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#3333330d}::-webkit-scrollbar-thumb{background:#3333334d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#33333380}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2;color:#333}h1{font-size:3rem}@media (max-width: 992px){h1{font-size:2.5rem}}@media (max-width: 576px){h1{font-size:2rem}}h2{font-size:2.5rem}@media (max-width: 992px){h2{font-size:2rem}}@media (max-width: 576px){h2{font-size:1.75rem}}h3{font-size:2rem}@media (max-width: 992px){h3{font-size:1.75rem}}@media (max-width: 576px){h3{font-size:1.5rem}}h4{font-size:1.5rem}@media (max-width: 576px){h4{font-size:1.25rem}}h5{font-size:1.25rem}@media (max-width: 576px){h5{font-size:1.1rem}}h6{font-size:1rem}p{margin-bottom:1rem}p:last-child{margin-bottom:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-medium{font-weight:500}.text-regular{font-weight:400}.text-primary{color:#e44}.text-secondary{color:#333}.text-muted{color:#333333b3}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{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}ul,ol{margin-bottom:1rem;padding-left:1.5rem}ul li,ol li{margin-bottom:.5rem}ul li:last-child,ol li:last-child{margin-bottom:0}ul{list-style-type:disc}ul ul{list-style-type:circle;margin-top:.5rem}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha;margin-top:.5rem}blockquote{padding:1rem 1.5rem;border-left:4px solid #EE4444;background-color:#ee44440d;margin:1.5rem 0;font-style:italic}blockquote p:last-child{margin-bottom:0}blockquote cite{display:block;margin-top:.75rem;font-size:.875rem;font-style:normal;color:#333333b3}code{font-family:monospace;background-color:#3333330d;padding:.2rem .4rem;border-radius:4px;font-size:.875em}pre{background-color:#333;color:#fff;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}pre code{background-color:transparent;padding:0;border-radius:0;color:inherit}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;text-align:center;transition:all .3s ease;border:none;text-decoration:none}.btn-primary{background-color:#e44;color:#fff}.btn-primary:hover{background-color:#ea1515}.btn-primary:active{background-color:#d21313}.btn-primary:disabled{background-color:#f9b9b9}.btn-secondary{background-color:#fff;color:#e44;border:1px solid #EE4444}.btn-secondary:hover{background-color:#ee44440d}.btn-secondary:active{background-color:#ee44441a}.btn-secondary:disabled{color:#ee444480;border-color:#ee444480}.btn-dark{background-color:#333;color:#fff}.btn-dark:hover{background-color:#4d4d4d}.btn-dark:active{background-color:#595959}.btn-dark:disabled{background-color:#999}.btn-light{background-color:#f5f5f5;color:#333}.btn-light:hover{background-color:#e8e8e8}.btn-light:active{background-color:#dcdcdc}.btn-light:disabled{color:#33333380}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#d62c1a}.btn-danger:active{background-color:#bf2718}.btn-danger:disabled{background-color:#f29f97}.btn-success{background-color:#2ecc71;color:#fff}.btn-success:hover{background-color:#25a25a}.btn-success:active{background-color:#208e4e}.btn-success:disabled{background-color:#7ee2a8}.btn:disabled{cursor:not-allowed;opacity:.7}.btn:disabled:hover{transform:none}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-block{display:block;width:100%}.btn-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.btn-icon svg{width:1.25em;height:1.25em}@media (max-width: 576px){.btn{padding:.625rem 1.25rem;font-size:.875rem}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem}}.btn-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}@media (max-width: 576px){.btn-group{gap:.75rem}}.btn-group-vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%}.btn-group-vertical .btn{margin-bottom:.75rem}.btn-group-vertical .btn:last-child{margin-bottom:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 576px){.container{padding:0 .75rem}}.section{padding:4rem 0}@media (max-width: 992px){.section{padding:3rem 0}}@media (max-width: 576px){.section{padding:2.5rem 0}}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}@media (max-width: 992px){.section-title{font-size:2.125rem;margin-bottom:1.75rem}}@media (max-width: 576px){.section-title{font-size:1.875rem;margin-bottom:1.5rem}}.section-subtitle{font-size:1.25rem;color:#333333b3;text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}@media (max-width: 992px){.section-subtitle{font-size:1.125rem;margin-bottom:2.5rem}}@media (max-width: 576px){.section-subtitle{font-size:1rem;margin-bottom:2rem}}.row{display:flex;flex-wrap:wrap;margin:0 -1rem}.col{padding:0 1rem;width:100%}.col-1{width:8.333333%}.col-2{width:16.666667%}.col-3{width:25%}.col-4{width:33.333333%}.col-5{width:41.666667%}.col-6{width:50%}.col-7{width:58.333333%}.col-8{width:66.666667%}.col-9{width:75%}.col-10{width:83.333333%}.col-11{width:91.666667%}.col-12{width:100%}@media (max-width: 992px){.col-tablet-1{width:8.333333%}.col-tablet-2{width:16.666667%}.col-tablet-3{width:25%}.col-tablet-4{width:33.333333%}.col-tablet-5{width:41.666667%}.col-tablet-6{width:50%}.col-tablet-7{width:58.333333%}.col-tablet-8{width:66.666667%}.col-tablet-9{width:75%}.col-tablet-10{width:83.333333%}.col-tablet-11{width:91.666667%}.col-tablet-12{width:100%}}@media (max-width: 576px){.col-mobile-1{width:8.333333%}.col-mobile-2{width:16.666667%}.col-mobile-3{width:25%}.col-mobile-4{width:33.333333%}.col-mobile-5{width:41.666667%}.col-mobile-6{width:50%}.col-mobile-7{width:58.333333%}.col-mobile-8{width:66.666667%}.col-mobile-9{width:75%}.col-mobile-10{width:83.333333%}.col-mobile-11{width:91.666667%}.col-mobile-12{width:100%}}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-stretch{align-items:stretch}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.m-3{margin:1rem}.mt-3{margin-top:1rem}.mr-3{margin-right:1rem}.mb-3{margin-bottom:1rem}.ml-3{margin-left:1rem}.mx-3{margin-left:1rem;margin-right:1rem}.my-3{margin-top:1rem;margin-bottom:1rem}.p-3{padding:1rem}.pt-3{padding-top:1rem}.pr-3{padding-right:1rem}.pb-3{padding-bottom:1rem}.pl-3{padding-left:1rem}.px-3{padding-left:1rem;padding-right:1rem}.py-3{padding-top:1rem;padding-bottom:1rem}.m-4{margin:1.5rem}.mt-4{margin-top:1.5rem}.mr-4{margin-right:1.5rem}.mb-4{margin-bottom:1.5rem}.ml-4{margin-left:1.5rem}.mx-4{margin-left:1.5rem;margin-right:1.5rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.p-4{padding:1.5rem}.pt-4{padding-top:1.5rem}.pr-4{padding-right:1.5rem}.pb-4{padding-bottom:1.5rem}.pl-4{padding-left:1.5rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.m-5{margin:2rem}.mt-5{margin-top:2rem}.mr-5{margin-right:2rem}.mb-5{margin-bottom:2rem}.ml-5{margin-left:2rem}.mx-5{margin-left:2rem;margin-right:2rem}.my-5{margin-top:2rem;margin-bottom:2rem}.p-5{padding:2rem}.pt-5{padding-top:2rem}.pr-5{padding-right:2rem}.pb-5{padding-bottom:2rem}.pl-5{padding-left:2rem}.px-5{padding-left:2rem;padding-right:2rem}.py-5{padding-top:2rem;padding-bottom:2rem}.m-6{margin:3rem}.mt-6{margin-top:3rem}.mr-6{margin-right:3rem}.mb-6{margin-bottom:3rem}.ml-6{margin-left:3rem}.mx-6{margin-left:3rem;margin-right:3rem}.my-6{margin-top:3rem;margin-bottom:3rem}.p-6{padding:3rem}.pt-6{padding-top:3rem}.pr-6{padding-right:3rem}.pb-6{padding-bottom:3rem}.pl-6{padding-left:3rem}.px-6{padding-left:3rem;padding-right:3rem}.py-6{padding-top:3rem;padding-bottom:3rem}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.visible{visibility:visible}.invisible{visibility:hidden}@media (max-width: 992px){.d-tablet-none{display:none}.d-tablet-block{display:block}.d-tablet-flex{display:flex}}@media (max-width: 576px){.d-mobile-none{display:none}.d-mobile-block{display:block}.d-mobile-flex{display:flex}}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}.animate-slide-right{animation:slideInRight .5s ease forwards}.animate-pulse{animation:pulse 2s infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.stagger-9{animation-delay:.9s}.stagger-10{animation-delay:1s}.overflow-hidden{overflow:hidden}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-primary{background-color:#e44}.bg-light{background-color:#f5f5f5}.bg-dark{background-color:#333}.rounded{border-radius:8px}.shadow-sm{box-shadow:0 2px 5px #0000000d}.shadow{box-shadow:0 5px 15px #0000000d}.shadow-lg{box-shadow:0 10px 30px #0000001a}.aspect-ratio-16-9{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.aspect-ratio-16-9 iframe,.aspect-ratio-16-9 img,.aspect-ratio-16-9 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.aspect-ratio-4-3{position:relative;padding-bottom:75%;height:0;overflow:hidden}.aspect-ratio-4-3 iframe,.aspect-ratio-4-3 img,.aspect-ratio-4-3 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.aspect-ratio-1-1{position:relative;padding-bottom:100%;height:0;overflow:hidden}.aspect-ratio-1-1 iframe,.aspect-ratio-1-1 img,.aspect-ratio-1-1 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}