body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.App,body{background-color:#fff}.App{min-height:100vh;display:flex;flex-direction:column;max-width:calc(100% - 16rem);margin:0 8rem;overflow-x:hidden}@media (max-width:1200px){.App{max-width:calc(100% - 4rem);margin:0 2rem}}@media (max-width:768px){.App{max-width:100%;margin:0}}.App>*{max-width:100%}.main-content{flex:1 1}.header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #eee;max-width:100%;margin:0}.btn_control_menu{display:none;position:relative}@media (max-width:768px){.header-top{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding-left:1rem;padding-right:1rem;position:relative}.btn_control_menu{display:block;position:absolute;left:20px;top:15px;cursor:pointer;width:46px;height:46px;text-align:center;font-size:0;line-height:46px!important}.navigation{display:none}}.logo{display:flex;align-items:center;text-decoration:none;height:auto}.logo-img{height:100px;width:auto;object-fit:contain}@media (max-width:768px){.logo-img{height:65px}}.social-icons{display:flex;gap:1rem}@media (max-width:768px){.social-icons{gap:.75rem}}@media (max-width:480px){.social-icons{gap:.5rem}}.social-icon{width:40px;height:40px;border-radius:50%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#6c757d;transition:all .3s ease}@media (max-width:768px){.social-icon{width:36px;height:36px}}@media (max-width:480px){.social-icon{width:32px;height:32px}}.social-icon:hover{background-color:#007bff;color:white}.search-container{padding:1rem 0;position:relative}@media (max-width:768px){.search-container{padding:1rem}}@media (max-width:480px){.search-container{padding:.5rem}}.search-box{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;outline:none;transition:border-color .3s ease}@media (max-width:768px){.search-box{padding:.65rem .9rem;font-size:.95rem}}@media (max-width:480px){.search-box{padding:.6rem .8rem;font-size:.9rem}}.search-box:focus{border-color:#007bff}.search-results{position:absolute;top:100%;left:2rem;right:2rem;background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;max-height:300px;overflow-y:auto}@media (max-width:768px){.search-results{left:1rem;right:1rem}}@media (max-width:480px){.search-results{left:.5rem;right:.5rem}}.search-result-item{padding:.75rem 1rem;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:background-color .2s ease}@media (max-width:768px){.search-result-item{padding:.65rem .9rem}}@media (max-width:480px){.search-result-item{padding:.6rem .8rem}}.search-result-item:hover{background-color:#f8f9fa}.search-result-item:last-child{border-bottom:none}.navigation{background-color:#2c3e50;padding:.75rem 0;position:relative;border-radius:12px;margin:0 2rem;max-width:calc(100% - 4rem)}.nav-desktop{display:block}.nav-mobile{display:none}.mobile-menu-btn{background:transparent;border:none;color:#666;display:flex;align-items:center;justify-content:center;padding:0;border-radius:0;cursor:pointer;transition:background-color .3s ease;width:100%;height:100%;font-size:0}.mobile-menu-btn:hover{background-color:#f5f5f5}.hamburger{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.hamburger span{width:20px;height:2px;background-color:#666;transition:all .3s ease}.mobile-menu-dropdown{position:absolute;top:100%;left:0;right:auto;min-width:200px;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;padding:1rem 0;margin-top:.5rem}.mobile-menu-dropdown a{display:block;padding:.75rem 1.5rem;color:#2c3e50;text-decoration:none;font-weight:500;transition:background-color .2s ease}.mobile-menu-dropdown a.active,.mobile-menu-dropdown a:hover{background-color:#f8f9fa;color:#007bff}@media (max-width:1200px){.navigation{margin-left:1.5rem;margin-right:1.5rem;border-radius:10px}}@media (max-width:768px){.navigation{padding:.75rem 0;margin-left:1rem;margin-right:1rem;border-radius:8px}.nav-desktop{display:none}.nav-mobile{display:block}}@media (max-width:480px){.navigation{padding:.5rem 0;margin-left:.5rem;margin-right:.5rem;border-radius:6px}}.nav-list{display:flex;list-style:none;gap:2rem}@media (max-width:768px){.nav-list{flex-direction:column;gap:.5rem}}@media (max-width:480px){.nav-list{gap:.25rem}}.nav-item a{color:white;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s ease}@media (max-width:768px){.nav-item a{padding:.75rem 1rem;display:block}}@media (max-width:480px){.nav-item a{padding:.5rem;font-size:.9rem}}.nav-item a.active,.nav-item a:hover{background-color:#007bff}.carousel-container{position:relative;height:600px;overflow:hidden;margin:20px 2rem;max-width:calc(100% - 4rem);padding:0;border-radius:12px}@media (max-width:1200px){.carousel-container{padding:0 1.5rem}}@media (max-width:768px){.carousel-container{height:200px;margin:1rem auto;padding:0 1rem;border-radius:8px}}@media (max-width:480px){.carousel-container{height:200px;margin:.75rem auto;padding:0 .5rem;border-radius:6px}}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-content{text-align:left;color:white;max-width:100%;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0));padding:40px 20px 20px}@media (max-width:768px){.carousel-content{padding:35px 25px 20px;max-width:85%}}@media (max-width:480px){.carousel-content{padding:30px 20px 15px;max-width:90%}}@media (max-width:360px){.carousel-content{padding:25px 18px 12px;max-width:92%}}.carousel-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.carousel-title{font-size:2rem}}@media (max-width:480px){.carousel-title{font-size:1rem}}.carousel-description{font-size:1.1rem;margin-bottom:1.5rem;opacity:.9;line-height:1.6}@media (max-width:768px){.carousel-description{font-size:1rem}}@media (max-width:480px){.carousel-description{font-size:.9rem}}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);color:white;border:none;padding:1rem;cursor:pointer;font-size:1.2rem;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;pointer-events:auto}.carousel-nav:hover{background:rgba(0,0,0,.7)}.carousel-nav.prev{left:2rem}.carousel-nav.next{right:2rem}@media (max-width:768px){.carousel-nav{width:45px;height:45px;font-size:1.1rem;padding:.75rem}.carousel-nav.prev{left:1rem}.carousel-nav.next{right:1rem}}@media (max-width:480px){.carousel-nav{width:40px;height:40px;font-size:1rem;padding:.5rem}.carousel-nav.prev{left:.5rem}.carousel-nav.next{right:.5rem}}.carousel-dots{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:100;pointer-events:auto}@media (max-width:768px){.carousel-dots{bottom:1rem}}@media (max-width:480px){.carousel-dots{bottom:.5rem}}.carousel-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;transition:background-color .3s ease;pointer-events:auto}@media (max-width:768px){.carousel-dot{width:10px;height:10px}}@media (max-width:480px){.carousel-dot{width:8px;height:8px}}.carousel-dot.active{background:white}.category-section{margin:3rem 0}@media (max-width:768px){.category-section{margin:2rem 0}}@media (max-width:480px){.category-section{margin:1.5rem 0}}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media (max-width:768px){.category-header{flex-direction:column;gap:1rem;align-items:flex-start}}.category-title-link{text-decoration:none;color:inherit;cursor:pointer;transition:opacity .2s ease}.category-title-link:hover{opacity:.8}.category-title-link:hover .category-title{color:#007bff}.category-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin:0;transition:color .2s ease}@media (max-width:768px){.category-title{font-size:2rem}}@media (max-width:480px){.category-title{font-size:1.5rem}}.read-more-btn{background-color:#007bff;color:white;padding:.75rem 1.5rem;border:none;border-radius:25px;text-decoration:none;font-weight:500;transition:background-color .3s ease}.carousel-slide .read-more-btn{pointer-events:none}@media (max-width:768px){.read-more-btn{padding:.65rem 1.25rem;font-size:.95rem}}@media (max-width:480px){.read-more-btn{padding:.6rem 1rem;font-size:.9rem}}.read-more-btn:hover{background-color:#0056b3}.category-top-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem;align-items:stretch}.category-right-column{display:grid;grid-template-rows:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.category-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.category-bottom-grid .article-card{display:flex;flex-direction:column}.category-bottom-grid .article-image{flex-shrink:0}.category-bottom-grid .article-content{flex:1 1}.category-left-large .article-card-link{height:100%}.category-left-large .article-card{height:100%;display:flex;flex-direction:column}.category-left-large .article-image img{width:100%;height:100%;object-fit:contain;object-position:center}.category-right-column .article-card{height:100%;display:flex;flex-direction:column}.category-right-column .article-image{flex-shrink:0}.category-right-column .article-content{flex:1 1}@media (max-width:1024px){.category-top-grid{grid-template-columns:1fr;gap:1rem}.category-right-column{grid-template-rows:auto;gap:1rem}.category-right-column .article-card{height:auto}.category-left-large .article-image{min-height:auto;height:auto;max-height:350px}.category-left-large .article-image img{object-fit:contain!important;width:100%;height:auto}.category-bottom-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:768px){.category-bottom-grid,.category-top-grid{grid-template-columns:1fr}.category-right-column{grid-template-rows:auto}.category-left-large .article-card,.category-left-large .article-card-link,.category-right-column .article-card{height:auto}.category-left-large .article-image{min-height:auto;height:auto;max-height:400px}.category-left-large .article-image img{object-fit:contain!important;width:100%;height:auto}}.article-card-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease}.article-card-link:hover{transform:translateY(-2px)}.article-card{background:white;border-radius:8px;overflow:visible;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.category-page .article-card{padding:20px;margin:30px 0;display:flex;flex-direction:row;gap:2rem;align-items:flex-start}.category-page .article-image{width:40%;min-width:300px;flex-shrink:0;height:auto;border-radius:8px 0 0 8px;overflow:hidden}.category-page .article-image img{width:100%;height:auto;max-height:350px;object-fit:contain;display:block}.category-page .article-content{background:white;flex:1 1;display:flex;flex-direction:column;justify-content:flex-start;padding:0}@media (max-width:1200px){.category-page .article-image{width:45%}.category-page .article-image img{max-height:320px}}@media (max-width:768px){.category-page .article-card{flex-direction:column;gap:1rem}.category-page .article-image{width:100%;min-width:auto;border-radius:8px 8px 0 0}.category-page .article-image img{max-height:300px}}@media (max-width:480px){.category-page .article-image img{max-height:260px}}.article-card.featured{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.article-card.featured:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.article-card.featured .article-image{position:relative;overflow:hidden}.article-card.featured .article-image img{width:100%;height:auto;max-height:500px;object-fit:contain;object-position:center}@media (max-width:1024px){.article-card.featured .article-image img{max-height:420px}}@media (max-width:768px){.article-card.featured .article-image img{max-height:360px}}@media (max-width:480px){.article-card.featured .article-image img{max-height:300px}}.article-card.featured .article-content{padding:2rem}.article-card.featured .article-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;line-height:1.3;color:#2c3e50;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:clip}.article-card.featured .article-description{font-size:1.1rem;line-height:1.6;color:#666;margin-bottom:1.5rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible}.article-card:not(.featured) .article-image{flex-shrink:0}.article-card:not(.featured) .article-content{padding:1.5rem;flex:1 1}.article-card:not(.featured) .article-title{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:clip}.article-card:not(.featured) .article-description{font-size:.95rem;line-height:1.5;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible}@media (max-width:768px){.article-card{margin-bottom:1rem;height:auto;display:flex;flex-direction:column}.article-card:not(.featured) .article-image{flex-shrink:0}.article-content{display:block;flex:1 1}}@media (max-width:480px){.article-card{margin-bottom:.75rem;height:auto;display:flex;flex-direction:column}.article-card:not(.featured) .article-image{flex-shrink:0}.article-content{display:block;flex:1 1}}.article-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.article-image{width:100%;max-width:100%;background-color:#f8f9fa;display:block;position:relative;flex-shrink:0;overflow:hidden;border-radius:8px 8px 0 0}.article-image img{width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center;display:block}@media (max-width:768px){.article-image img{max-height:300px}}@media (max-width:480px){.article-image img{max-height:250px}}.article-content{padding:1.5rem;display:block;flex:1 1;overflow:visible;background:white;word-wrap:break-word;overflow-wrap:break-word}@media (max-width:768px){.article-content{padding:1.25rem}}@media (max-width:480px){.article-content{padding:1rem}}.article-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#2c3e50;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:clip}@media (max-width:768px){.article-title{font-size:1.2rem}}@media (max-width:480px){.article-title{font-size:1.1rem}}.article-description{color:#6c757d;margin-bottom:1rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible}@media (max-width:768px){.article-description{font-size:.95rem}}@media (max-width:480px){.article-description{font-size:.9rem}}.read-more-link{color:#007bff;font-weight:500;font-size:.9rem}@media (max-width:768px){.read-more-link{font-size:.95rem}}@media (max-width:480px){.read-more-link{font-size:.9rem}}.article-page{max-width:1600px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:4fr 1fr;grid-gap:2rem;gap:2rem;width:100%;box-sizing:border-box}.article-page>article{min-width:0}@media (max-width:1024px){.article-page{grid-template-columns:1fr;gap:2rem;padding:1rem}}@media (max-width:768px){.article-page{padding:.75rem;gap:1.5rem}}.article-main{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:100%;width:100%;overflow-x:auto;word-wrap:normal;overflow-wrap:normal;box-sizing:border-box;min-width:0}.article-main iframe,.article-main img,.article-main video{max-width:100%!important}@media (max-width:768px){.article-main{padding:1.5rem}}@media (max-width:480px){.article-main{padding:1rem}}.article-header{margin-bottom:2rem}@media (max-width:768px){.article-header{margin-bottom:1.5rem}}@media (max-width:480px){.article-header{margin-bottom:1rem}}.article-meta{color:#6c757d;font-size:.9rem;margin-bottom:1rem}@media (max-width:768px){.article-meta{font-size:.85rem}}@media (max-width:480px){.article-meta{font-size:.8rem}}.article-content-text{line-height:1.8;font-size:1.1rem;max-width:100%;overflow-x:auto;width:100%}.article-content-text,.article-content-text *{word-wrap:normal;overflow-wrap:normal;box-sizing:border-box}.article-content-text *,.article-content-text [style*=width]{max-width:100%!important}.article-content-text [style*="white-space: nowrap"],.article-content-text [style*="white-space:nowrap"]{white-space:normal!important}.article-content-text a,.article-content-text code{word-wrap:break-word;overflow-wrap:anywhere}@media (max-width:768px){.article-content-text{font-size:1.05rem;line-height:1.7}}@media (max-width:480px){.article-content-text{font-size:1rem;line-height:1.6}}.article-content-text h1,.article-content-text h2,.article-content-text h3{margin:2rem 0 1rem;color:#2c3e50}@media (max-width:768px){.article-content-text h1,.article-content-text h2,.article-content-text h3{margin:1.5rem 0 .75rem}}@media (max-width:480px){.article-content-text h1,.article-content-text h2,.article-content-text h3{margin:1.25rem 0 .5rem}}.article-content-text p{margin-bottom:1.5rem}.article-content-text ol,.article-content-text p,.article-content-text ul{word-wrap:normal;overflow-wrap:normal;max-width:100%!important;width:auto!important;white-space:normal!important}.article-content-text ol,.article-content-text ul{margin:1.5rem 0;padding-left:2rem}.article-content-text ul{list-style-type:disc}.article-content-text ol{list-style-type:decimal}.article-content-text li{margin-bottom:.75rem;word-wrap:normal;overflow-wrap:normal;max-width:100%!important;width:auto!important;white-space:normal!important;line-height:1.8}.article-content-text ol ol,.article-content-text ol ul,.article-content-text ul ol,.article-content-text ul ul{margin:.75rem 0;padding-left:1.5rem}.article-content-text ul ul{list-style-type:circle}.article-content-text ul ul ul{list-style-type:square}.article-content-text div,.article-content-text span{word-wrap:normal;overflow-wrap:normal;max-width:100%!important;width:auto!important;white-space:normal!important}.article-content-text>div{width:100%!important;max-width:100%!important;overflow-x:visible}@media (max-width:768px){.article-content-text p{margin-bottom:1.25rem}}@media (max-width:480px){.article-content-text p{margin-bottom:1rem}}.article-content-text img,.article-main img{max-width:100%!important;width:auto!important;height:auto!important;border-radius:8px}.article-content-text img[style*="width: 100%"],.article-main img[style*="width: 100%"]{width:100%!important;max-width:100%!important;height:auto!important}.article-content-text figure{margin:1rem 0;max-width:100%}.article-content-text figure img{max-width:100%!important;width:100%!important;height:auto!important;display:block}@media (max-width:768px){.article-content-text figure img,.article-content-text img,.article-main img{max-width:100%!important;width:100%!important;height:auto!important}}.article-main .hero-image-container{max-width:100%;width:100%;margin-bottom:2rem}.article-main .hero-image-container img{max-width:100%!important;width:100%!important;height:auto!important;max-height:600px;object-fit:contain;border-radius:8px;display:block}@media (max-width:1024px){.article-main .hero-image-container img{max-height:500px!important}}@media (max-width:768px){.article-main .hero-image-container img{max-height:400px!important}}@media (max-width:480px){.article-main .hero-image-container img{max-height:300px!important}}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background:#000;margin:1.5rem 0;max-width:100%;width:100%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.article-content-text video,.article-main video{max-width:100%!important;width:100%!important;height:auto!important;border-radius:8px;margin:1rem 0}@media (max-width:768px){.article-content-text img{margin:.75rem 0}}@media (max-width:480px){.article-content-text img{margin:.5rem 0}}.sidebar{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content}@media (max-width:768px){.sidebar{padding:1.5rem}}@media (max-width:480px){.sidebar{padding:1rem}}.sidebar-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#2c3e50}@media (max-width:768px){.sidebar-title{font-size:1.4rem;margin-bottom:1.25rem}}@media (max-width:480px){.sidebar-title{font-size:1.3rem;margin-bottom:1rem}}.related-article{padding:1rem 0;border-bottom:1px solid #f8f9fa}@media (max-width:768px){.related-article{padding:.75rem 0}}@media (max-width:480px){.related-article{padding:.5rem 0}}.related-article:last-child{border-bottom:none}.related-article a{color:#2c3e50;text-decoration:none;font-weight:500}@media (max-width:768px){.related-article a{font-size:.95rem}}@media (max-width:480px){.related-article a{font-size:.9rem}}.related-article a:hover{color:#007bff}.admin-page{max-width:1400px;margin:0 auto;padding:2rem}@media (max-width:768px){.admin-page{padding:1rem}}.admin-header{margin-bottom:2rem}@media (max-width:768px){.admin-header{margin-bottom:1.5rem}}@media (max-width:480px){.admin-header{margin-bottom:1rem}}.admin-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}@media (max-width:768px){.admin-title{font-size:2rem}}@media (max-width:480px){.admin-title{font-size:1.75rem}}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem}@media (max-width:768px){.admin-tabs{flex-direction:column}}.admin-tab{padding:.75rem 1.5rem;background:#f8f9fa;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}@media (max-width:768px){.admin-tab{padding:.65rem 1.25rem;font-size:.95rem}}@media (max-width:480px){.admin-tab{padding:.6rem 1rem;font-size:.9rem}}.admin-tab.active{background:#007bff;color:white}.admin-form{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.content-section-card{background:white;border:2px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .2s ease}.content-section-card:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.1)}.section-controls{display:flex;gap:.5rem}.section-controls button{padding:.25rem .75rem;font-size:.85rem;border-radius:4px;border:1px solid #dee2e6;background:white;cursor:pointer;transition:all .2s ease}.section-controls button:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.section-controls button:disabled{opacity:.5;cursor:not-allowed}.section-controls button.delete-btn{color:#dc3545;border-color:#dc3545}.section-controls button.delete-btn:hover{background:#dc3545;color:white}.add-section-buttons{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.add-section-btn{padding:.75rem 1.25rem;border:none;border-radius:6px;color:white;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.add-section-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.add-section-btn.heading-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.add-section-btn.paragraph-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.add-section-btn.image-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}.seo-info-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #e1e8ed}.seo-info-section h3{margin-bottom:1rem;color:#2c3e50;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.author-info-section{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #f5dcc8}.author-info-section h3{margin-bottom:1rem;color:#2c3e50;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.character-counter{color:#6c757d;font-size:.85rem;margin-top:.25rem;display:block}.character-counter.warning{color:#ffc107}.character-counter.error{color:#dc3545}.url-preview{color:#007bff;font-size:.9rem;font-family:Courier New,monospace;background:#f8f9fa;padding:.5rem;border-radius:4px;margin-top:.5rem}.empty-content-state{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;color:#6c757d;border:2px dashed #dee2e6}.empty-content-state p{font-size:1.1rem;margin-bottom:1rem}.section-type-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;color:#2c3e50;font-size:.95rem}.image-preview-container{margin-top:1rem;padding:1rem;border:2px solid #e9ecef;border-radius:8px;background:#f8f9fa;transition:all .2s ease}.image-preview-container:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.1)}.image-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.image-preview-label{font-weight:600;color:#2c3e50;font-size:.95rem}.image-delete-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:white;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px rgba(245,87,108,.2)}.image-delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(245,87,108,.3)}.image-delete-btn:active{transform:translateY(0)}.image-preview-img{max-width:100%;height:auto;border-radius:8px;display:block;box-shadow:0 2px 8px rgba(0,0,0,.1)}.image-help-text{margin-top:.75rem;font-size:.9rem;color:#6c757d;font-style:italic;background:white;padding:.5rem .75rem;border-radius:4px;border-left:3px solid #007bff}.form-error{color:#dc3545;font-size:.85rem;margin-top:.35rem}.video-preview-wrapper{margin-top:.75rem;border:1px solid #dee2e6}.section-image-preview,.video-preview-wrapper{padding:.75rem;background:#f8f9fa;border-radius:6px}.section-image-preview{margin-bottom:.5rem;border:1px solid #dee2e6;transition:all .2s ease}.section-image-preview:hover{border-color:#17a2b8;box-shadow:0 2px 6px rgba(23,162,184,.1)}.section-image-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.section-image-rotate-btn{padding:.25rem .75rem;background:#17a2b8;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.section-image-rotate-btn:hover:not(:disabled){background:#138496;transform:scale(1.05)}.section-image-rotate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.section-image-delete-btn{padding:.25rem .75rem;background:#dc3545;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.section-image-delete-btn:hover{background:#c82333;transform:scale(1.05)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-container{width:100%;max-width:450px}.login-card{background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:3rem;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.login-subtitle{color:#6c757d;font-size:1rem;margin:0}.login-error{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:white;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500;box-shadow:0 4px 12px rgba(255,107,107,.3);animation:shake .4s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-form,.login-form .form-group{margin-bottom:1.5rem}.login-form .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.95rem}.login-form .form-input{width:100%;padding:.875rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.login-form .form-input:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.login-form .form-input:disabled{opacity:.6;cursor:not-allowed}.login-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #e9ecef}.login-info{color:#6c757d;font-size:.9rem;margin:0;line-height:1.6}.login-info strong{color:#2c3e50}@media (max-width:480px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.75rem}.login-subtitle{font-size:.9rem}}@media (max-width:768px){.admin-form{padding:1.5rem}}@media (max-width:480px){.admin-form{padding:1rem}}.form-group{margin-bottom:1.5rem}@media (max-width:768px){.form-group{margin-bottom:1.25rem}}@media (max-width:480px){.form-group{margin-bottom:1rem}}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}@media (max-width:768px){.form-label{font-size:.95rem}}@media (max-width:480px){.form-label{font-size:.9rem}}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:4px;font-size:1rem;outline:none;transition:border-color .3s ease}@media (max-width:768px){.form-input,.form-textarea{padding:.65rem;font-size:.95rem}}@media (max-width:480px){.form-input,.form-textarea{padding:.6rem;font-size:.9rem}}.form-input:focus,.form-textarea:focus{border-color:#007bff}.form-textarea{min-height:200px;resize:vertical}@media (max-width:768px){.form-textarea{min-height:180px}}@media (max-width:480px){.form-textarea{min-height:160px}}.form-select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:4px;font-size:1rem;outline:none;background:white}@media (max-width:768px){.form-select{padding:.65rem;font-size:.95rem}}@media (max-width:480px){.form-select{padding:.6rem;font-size:.9rem}}.submit-btn{background:#28a745;color:white;padding:.75rem 2rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}@media (max-width:768px){.submit-btn{padding:.65rem 1.75rem;font-size:.95rem}}@media (max-width:480px){.submit-btn{padding:.6rem 1.5rem;font-size:.9rem}}.submit-btn:hover{background:#218838}.cancel-btn{background:#6c757d;color:white;padding:.75rem 2rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.cancel-btn:hover{background:#5a6268}@media (max-width:768px){.cancel-btn{padding:.65rem 1.75rem;font-size:.95rem}}@media (max-width:480px){.cancel-btn{padding:.6rem 1.5rem;font-size:.9rem}}.footer{background-color:#2c3e50;color:white;padding:2rem;text-align:center;margin-top:auto}@media (max-width:768px){.footer{padding:1.5rem}}@media (max-width:480px){.footer{padding:1rem}}.footer-social{margin-bottom:1rem;display:flex;justify-content:center;gap:1rem}@media (max-width:480px){.footer-social{gap:.5rem}}.footer-copyright{opacity:.8}@media (max-width:768px){.footer-copyright{font-size:.95rem}}@media (max-width:480px){.footer-copyright{font-size:.9rem}}.container{margin:0 auto}.container,.container-wide{max-width:100%;padding:0 2rem}.container-wide{margin:0}@media (max-width:1200px){.container,.container-wide{padding:0 1.5rem}}@media (max-width:768px){.container,.container-wide{padding:0 1rem}.header-top{flex-direction:column;gap:1rem;padding:1rem}.navigation{padding:.75rem 1rem}.nav-list{flex-direction:column;gap:.5rem}.carousel-title{font-size:2rem}.carousel-description{font-size:1rem}.category-section{padding:0}.category-title{font-size:2rem}.articles-grid{grid-template-columns:1fr;gap:1rem}.article-page{grid-template-columns:1fr;padding:.75rem;gap:1.5rem}.admin-page{padding:1rem}.admin-tabs{flex-direction:column}.carousel-dots{bottom:1rem}}@media (max-width:480px){.container,.container-wide{padding:0 .5rem}.carousel-title{font-size:1rem}.carousel-description{font-size:.9rem}.category-title{font-size:1.5rem}.article-card{margin-bottom:1rem}.article-content{padding:1rem}.article-title{font-size:1.1rem}.navigation{padding:.5rem}.hamburger span{width:18px}.mobile-menu-dropdown{left:0;right:auto;min-width:180px}.mobile-menu-dropdown a{padding:.65rem 1.25rem;font-size:.95rem}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:#007bff;color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,123,255,.3);transition:all .3s ease;z-index:1000}.back-to-top:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,123,255,.4)}@media (max-width:768px){.back-to-top{bottom:1.5rem;right:1.5rem;width:45px;height:45px;font-size:1.1rem}}@media (max-width:480px){.back-to-top{bottom:1rem;right:1rem;width:40px;height:40px;font-size:1rem}}.language-switcher-flags{display:none!important;position:fixed;top:10px;right:10px;z-index:1000;display:flex;gap:.5rem;background:rgba(255,255,255,.95);padding:.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flag-button{width:48px;height:48px;border:2px solid transparent;border-radius:8px;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.flag-button:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.flag-button.active{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.flag-icon{font-size:32px;line-height:1;display:block}@media (max-width:768px){.language-switcher-flags{top:8px;right:8px;padding:.4rem;gap:.4rem}.flag-button{width:40px;height:40px}.flag-icon{font-size:28px}}@media (max-width:480px){.language-switcher-flags{top:6px;right:6px;padding:.3rem;gap:.3rem}.flag-button{width:36px;height:36px}.flag-icon{font-size:24px}}.specifications-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;background:white}.specifications-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.specifications-table thead th{padding:1rem;text-align:left;font-weight:600;font-size:1rem}.specifications-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.specifications-table tbody tr:last-child{border-bottom:none}.specifications-table tbody tr:nth-child(2n){background:#f8f9fa}.specifications-table tbody tr:hover{background:#e9ecef}.specifications-table tbody td,.specifications-table tbody th{padding:.875rem 1rem;vertical-align:top}.specifications-table tbody th{font-weight:600;color:#495057;background:#f1f3f5;width:30%}.specifications-table tbody td{color:#212529}@media (max-width:768px){.specifications-table{font-size:.875rem;margin:1.5rem 0}.specifications-table tbody td,.specifications-table tbody th,.specifications-table thead th{padding:.75rem .5rem}.specifications-table tbody th{width:35%}}@media (max-width:480px){.specifications-table{font-size:.8rem}.specifications-table tbody td,.specifications-table tbody th,.specifications-table thead th{padding:.5rem .375rem}}.error-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.error-container{max-width:600px;width:100%;text-align:center}.error-content{background:white;border-radius:16px;padding:3rem 2rem;box-shadow:0 10px 40px rgba(0,0,0,.1)}.error-code{font-size:8rem;font-weight:900;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.error-title{font-size:2rem;color:#333;margin:1rem 0;font-weight:700}.error-message{font-size:1.1rem;color:#666;margin:1.5rem 0 2.5rem;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-btn{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.error-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.error-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(102,126,234,.4)}.error-btn.secondary{background:#f0f0f0;color:#333}.error-btn.secondary:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width:768px){.error-code{font-size:6rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-content{padding:2rem 1.5rem}.error-actions{flex-direction:column}.error-btn{width:100%}}