.article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.article-card-image-wrapper{position:relative;padding-top:56.25%;overflow:hidden}.article-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-card-image{transform:scale(1.05)}.article-card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.article-card-date{font-size:.85rem;color:#999;margin-bottom:10px;display:flex;align-items:center;gap:5px}.article-card-title{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#333;line-height:1.4}.article-card-desc{font-size:.95rem;color:#666;margin-bottom:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.article-tag{background:#f0f2f5;color:#555;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.article-hero{position:relative;height:60vh;min-height:400px;background-size:cover;background-position:50%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:60px;margin-bottom:-60px}.article-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.8))}.article-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 20px;color:#fff}.article-hero-tags{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.article-tag-hero{background:rgba(255,107,0,.9);color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-hero-title{font-size:3rem;font-weight:800;margin-bottom:20px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.5)}.article-hero-meta{display:flex;justify-content:center;gap:25px;font-size:1rem;opacity:.9}.article-hero-meta svg{color:#ff6b00;margin-right:8px}.article-detail-container{max-width:1300px;margin:0 auto;padding:0 20px 60px;position:relative;z-index:3;max-width:100%;box-sizing:border-box;width:100%;min-width:0}.article-layout-grid{display:grid;grid-template-columns:1fr 320px;grid-gap:40px;gap:40px;min-width:0}.article-main-column{min-width:0}.article-content-wrapper{background:#fff;padding:50px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.1);min-width:0;max-width:100%;box-sizing:border-box;width:100%}.article-sidebar{display:flex;flex-direction:column;gap:30px;padding-top:20px;min-width:0}.sidebar-widget{background:#fff;padding:25px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.05)}.sidebar-title{font-size:1.2rem;font-weight:700;margin-bottom:20px;color:#222;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.share-buttons{display:flex;gap:10px}.share-btn{width:40px;height:40px;border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:transform .2s}.share-btn:hover{transform:translateY(-3px)}.share-btn.vk{background:#07f}.share-btn.tg{background:#2481cc}.share-btn.wa{background:#25d366}.share-btn.copy{background:#555}.sidebar-articles-list{display:flex;flex-direction:column;gap:15px}.sidebar-article-item{display:flex;gap:15px;text-decoration:none;color:inherit;align-items:center}.sidebar-article-item:hover .sidebar-article-info h4{color:#ff6b00}.sidebar-article-img{width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;position:relative}.sidebar-article-img img{width:100%;height:100%;object-fit:cover}.sidebar-article-info h4{font-size:.95rem;margin:0 0 5px;line-height:1.4;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-article-info .date{font-size:.8rem;color:#999}.cta-widget{background:#2c3e50;color:#fff;text-align:center}.cta-widget h3{color:#fff;margin-bottom:10px}.cta-widget p{color:#ccc;margin-bottom:20px}.bbcode-content{font-size:1.15rem;line-height:1.8;color:#333;overflow-wrap:anywhere;word-break:break-word}.bbcode-content p{margin-bottom:1.5em}.bbcode-content h1,.bbcode-content h2,.bbcode-content h3{margin-top:2em;margin-bottom:.8em;color:#222;font-weight:700}.bbcode-content img.article-image{max-width:100%;height:auto;border-radius:12px;margin:30px auto;display:block;box-shadow:0 5px 20px rgba(0,0,0,.1)}.bbcode-content img{max-width:100%!important;height:auto!important}.bbcode-content figure,.bbcode-content picture{max-width:100%}.bbcode-content figure img,.bbcode-content picture img{max-width:100%!important;height:auto!important}@media (min-width:768px){.bbcode-content img.article-image{max-width:80%}}.bbcode-content blockquote{border-left:5px solid #ff6b00;background:#fff5eb;padding:20px 30px;margin:30px 0;font-style:italic;color:#555;border-radius:0 8px 8px 0;font-size:1.2rem}.b2b-page{overflow-x:hidden}.bbcode-content pre,.bbcode-content table{max-width:100%;overflow-x:auto}.bbcode-content table{display:block}.bbcode-content iframe,.bbcode-content video{max-width:100%}.bbcode-table-wrap{overflow-x:auto;margin:26px 0;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff}.bbcode-table{width:100%;border-collapse:collapse;min-width:640px}.bbcode-table td,.bbcode-table th{border-bottom:1px solid rgba(0,0,0,.08);padding:14px;text-align:left;vertical-align:top}.bbcode-table th{background:rgba(255,107,0,.08);color:#2c3e50;font-weight:800}.bbcode-table tr:nth-child(2n) td{background:rgba(0,0,0,.015)}.bbcode-table tr:last-child td{border-bottom:none}.bbcode-content ul{padding-left:20px;margin-bottom:20px}.bbcode-content li{margin-bottom:10px;position:relative;list-style-type:none;padding-left:15px}.bbcode-content li:before{content:"•";color:#ff6b00;font-weight:700;font-size:1.2em;position:absolute;left:-15px;top:-2px}.admin-article-editor{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.editor-toolbar{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.editor-btn{background:#fff;border:1px solid #ddd;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:600;color:#555;transition:all .2s}.editor-btn:hover{background:#eee;color:#333}.editor-textarea{min-height:400px;padding:15px;font-family:monospace;line-height:1.5;resize:vertical}.editor-input,.editor-textarea{width:100%;border:1px solid #ddd;border-radius:8px;font-size:1rem}.editor-input{padding:12px;margin-bottom:20px}.editor-label{display:block;margin-bottom:8px;font-weight:600;color:#444}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:30px;gap:30px;padding:40px 0}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:20px 0;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}@media (max-width:992px){.article-layout-grid{grid-template-columns:1fr}.article-sidebar{order:2}.article-hero-title{font-size:2.5rem}}@media (max-width:768px){.article-hero-title{font-size:1.65rem;margin-bottom:12px}.article-hero{height:38vh;min-height:260px;padding-bottom:40px;margin-bottom:-40px}.article-content-wrapper{padding:25px}.article-hero-meta{flex-wrap:wrap;gap:12px;font-size:.95rem}.article-tag-hero{font-size:.8rem;padding:4px 10px}}.blog-toolbar{padding:30px 0 0;display:flex;flex-direction:column;gap:16px}.blog-search{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.blog-search-input{flex:1 1;min-width:220px;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px;font-size:1rem;background:#fff}.blog-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,107,0,.08);color:#2c3e50;text-decoration:none;font-weight:600;font-size:.92rem;border:1px solid rgba(255,107,0,.18)}.blog-tag-chip:hover{background:rgba(255,107,0,.12)}.blog-tag-chip.active{background:rgba(255,107,0,.22);border-color:rgba(255,107,0,.35)}.blog-pagination{display:flex;justify-content:center;gap:12px;padding:10px 0 40px;align-items:center}.blog-page-indicator{display:inline-flex;align-items:center;font-weight:700;color:#2c3e50}.disabled{pointer-events:none;opacity:.55}.blog-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.95rem;color:#6b7280;margin-bottom:18px}.blog-breadcrumbs a{color:#6b7280;text-decoration:none}.blog-breadcrumbs a:hover{color:#ff6b00}.blog-breadcrumbs .sep{opacity:.6}.blog-breadcrumbs .current{color:#111827;font-weight:600}.article-faq{margin-top:40px;padding-top:30px;border-top:1px solid rgba(0,0,0,.08)}.article-faq-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.article-faq-item{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:14px 16px;background:#fff}.article-faq-q{cursor:pointer;font-weight:700;color:#1f2937}.article-faq-a{margin-top:10px;color:#374151;font-size:1.05rem;line-height:1.7}.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.06)}.admin-topbar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.admin-topbar-right{display:flex;align-items:center;gap:10px}.admin-topbar-brand{font-weight:900;color:#2c3e50;text-decoration:none;padding-right:10px;border-right:1px solid rgba(0,0,0,.08)}.admin-topbar-link{color:#2c3e50;text-decoration:none;font-weight:700;opacity:.9}.admin-topbar-link:hover{color:#ff6b00}.admin-login-card{max-width:520px;margin:0 auto;background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.admin-login-error{background:rgba(220,53,69,.12);border:1px solid rgba(220,53,69,.25);color:#a11f2f;padding:10px 12px;border-radius:10px;margin-bottom:12px;font-weight:700}.admin-toolbar{justify-content:space-between;gap:12px;margin-bottom:18px}.admin-toolbar,.admin-toolbar-left{display:flex;align-items:center;flex-wrap:wrap}.admin-toolbar-left{gap:10px;flex:1 1}.admin-toolbar-right{display:flex;gap:10px;align-items:center}.admin-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.85rem;border:1px solid rgba(0,0,0,.08)}.admin-pill.published{background:rgba(25,135,84,.12);color:#146c43;border-color:rgba(25,135,84,.22)}.admin-pill.draft{background:rgba(255,193,7,.14);color:#8a6d00;border-color:rgba(255,193,7,.25)}.admin-editor-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-editor-actions{display:flex;gap:10px;align-items:center}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:900px){.admin-grid-2{grid-template-columns:1fr}}.admin-inline{display:flex;gap:12px;align-items:center}.admin-inline-note{color:#6b7280;font-weight:600}.admin-switch{position:relative;display:inline-flex;width:52px;height:30px}.admin-switch input{opacity:0;width:0;height:0}.admin-switch-slider{position:absolute;cursor:pointer;inset:0;background:rgba(0,0,0,.2);border-radius:999px;transition:background .2s ease}.admin-switch-slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;top:3px;background:#fff;border-radius:999px;transition:transform .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.18)}.admin-switch input:checked+.admin-switch-slider{background:rgba(255,107,0,.85)}.admin-switch input:checked+.admin-switch-slider:before{transform:translateX(22px)}.admin-faq{margin-top:28px;padding-top:18px;border-top:1px solid rgba(0,0,0,.08)}.admin-faq-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.admin-faq-list{display:flex;flex-direction:column;gap:14px}.admin-faq-item{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px}.admin-preview{margin-top:30px}