:root{--primary: #0D1B3E;--primary-mid: #153668;--primary-light: #2454A0;--accent: #007BFF;--accent-hover: #0056B3;--gold: #F7931A;--success: #28A745;--danger: #DC3545;--warning: #FFC107;--bg: #F5F7FA;--bg-alt: #EDF0F7;--card-bg: #FFFFFF;--card-border: #E2E8F0;--text: #1A202C;--text-muted: #718096;--text-light: #A0AEC0;--border: #E2E8F0;--header-h: 60px;--nav-h: 48px;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-md: 0 4px 24px rgba(0,0,0,.12);--shadow-lg: 0 8px 40px rgba(0,0,0,.18);--transition: 0.2s ease;--font: 'Cairo','Tajawal','Segoe UI',Arial,sans-serif}[data-theme="dark"]{--bg: #0F1117;--bg-alt: #1A1D27;--card-bg: #1E2235;--card-border: #2D3550;--text: #E2E8F0;--text-muted: #94A3B8;--text-light: #64748B;--border: #2D3550;--shadow: 0 2px 12px rgba(0,0,0,.3);--shadow-md: 0 4px 24px rgba(0,0,0,.4)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;font-size: 16px;-webkit-text-size-adjust: 100%}body{font-family: var(--font);background: var(--bg);color: var(--text);direction: rtl;line-height: 1.7;min-height: 100vh;transition: background var(--transition),color var(--transition)}a{color: var(--accent);text-decoration: none;transition: color var(--transition)}a:hover{color: var(--accent-hover)}img{max-width: 100%;height: auto;display: block}ul{list-style: none}button{cursor: pointer;border: none;background: none;font-family: var(--font)}input,textarea,select{font-family: var(--font);direction: rtl;background: var(--card-bg);color: var(--text);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 10px 14px;width: 100%;transition: border-color var(--transition)}input:focus,textarea:focus,select:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(0,123,255,.15)}.container{width: 100%;max-width: 1240px;margin: 0 auto;padding: 0 16px}.btn{display: inline-flex;align-items: center;gap: 8px;padding: 10px 22px;border-radius: var(--radius-sm);font-family: var(--font);font-weight: 600;font-size: 14px;transition: all var(--transition);cursor: pointer;border: 2px solid transparent;text-decoration: none}.btn--primary{background: var(--accent);color: #fff;border-color: var(--accent)}.btn--primary:hover{background: var(--accent-hover);border-color: var(--accent-hover);color: #fff}.btn--outline{background: transparent;color: var(--accent);border-color: var(--accent)}.btn--outline:hover{background: var(--accent);color: #fff}.btn--ghost{background: transparent;color: var(--text-muted)}.btn--ghost:hover{color: var(--accent)}.btn--danger{background: var(--danger);color: #fff;border-color: var(--danger)}.btn--sm{padding: 6px 16px;font-size: 13px}.btn--lg{padding: 14px 32px;font-size: 16px}.btn--block{width: 100%;justify-content: center}.btn-icon{width: 40px;height: 40px;border-radius: 50%;display:flex;align-items:center;justify-content:center;color: var(--text-muted);background: transparent;transition: all var(--transition)}.btn-icon:hover{background: var(--bg-alt);color: var(--accent)}.breaking-bar{background: #0D1B3E;color: #fff;display: flex;align-items: center;overflow: hidden;height: 40px;border-bottom: 3px solid #D4A843;position: relative}.breaking-bar__label{background: #D4A843;color: #0D1B3E;padding: 0 16px;font-weight: 900;font-size: 11.5px;white-space: nowrap;height: 100%;display: flex;align-items: center;gap: 5px;flex-shrink: 0;letter-spacing: .3px;z-index: 2}.breaking-bar__ticker{flex: 1;overflow: hidden;position: relative;cursor: pointer}.breaking-bar__ticker::before{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 40px;background: linear-gradient(to left,#0D1B3E,transparent);z-index: 1;pointer-events: none}.breaking-bar__track{display: inline-flex;gap: 0;animation: ticker 60s linear infinite;white-space: nowrap;will-change: transform}.breaking-bar__track:hover{animation-play-state: paused}.breaking-bar__item{color: rgba(255,255,255,.88);font-size: 13px;font-weight: 500;flex-shrink: 0;text-decoration: none;transition: color .2s;padding: 0 28px 0 0;display: inline-flex;align-items: center;gap: 8px}.breaking-bar__item::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: #D4A843;flex-shrink: 0;display: inline-block}.breaking-bar__item:hover{color: #D4A843}@keyframes ticker{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.site-header{background: var(--primary);position: sticky;top: 0;z-index: 1000;box-shadow: var(--shadow-md)}.site-header__inner{display: flex;align-items: center;gap: 16px;height: var(--header-h)}.site-logo{flex-shrink: 0;display: flex;align-items: center}.site-logo img{height: 40px;width: auto}.site-logo__text{font-size: 22px;font-weight: 900;color: #fff}.header-search{flex: 1;max-width: 480px;display: flex;align-items: center;background: rgba(255,255,255,.1);border-radius: 50px;border: 1px solid rgba(255,255,255,.2);overflow: hidden;transition: all var(--transition)}.header-search:focus-within{background: rgba(255,255,255,.18);border-color: rgba(255,255,255,.4)}.header-search input{background: transparent;border: none;color: #fff;padding: 8px 16px;font-size: 14px;flex: 1;box-shadow: none}.header-search input::placeholder{color: rgba(255,255,255,.6)}.header-search input:focus{box-shadow: none;border: none}.header-search button{padding: 8px 16px;color: rgba(255,255,255,.8);font-size: 15px;flex-shrink: 0}.header-search button:hover{color: #fff}.header-actions{display: flex;align-items: center;gap: 8px;margin-right: auto}.header-actions .btn-icon{color: rgba(255,255,255,.8)}.header-actions .btn-icon:hover{background: rgba(255,255,255,.1);color: #fff}.header-actions .btn--outline{color: #fff;border-color: rgba(255,255,255,.5);font-size: 13px;padding: 6px 14px}.user-avatar-sm{width: 32px;height: 32px;border-radius: 50%;object-fit: cover}.header-user{position: relative}.dropdown-menu{position: absolute;top: calc(100% + 8px);left: 0;background: var(--card-bg);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-md);min-width: 200px;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: all var(--transition);z-index: 100}.dropdown-menu.open{opacity: 1;visibility: visible;transform: translateY(0)}.dropdown-menu__header{padding: 12px 16px;border-bottom: 1px solid var(--border)}.dropdown-menu__header strong{display: block;font-size: 14px}.dropdown-menu__header small{color: var(--text-muted);font-size: 12px}.dropdown-menu a{display: flex;align-items: center;gap: 10px;padding: 10px 16px;color: var(--text);font-size: 14px;transition: background var(--transition)}.dropdown-menu a:hover{background: var(--bg-alt)}.dropdown-menu hr{border: none;border-top: 1px solid var(--border);margin: 4px 0}.text-danger{color: var(--danger) !important}.btn-hamburger{display: none;flex-direction: column;gap: 5px;padding: 8px}.btn-hamburger span{display: block;width: 22px;height: 2px;background: rgba(255,255,255,.8);border-radius: 2px;transition: all var(--transition)}.btn-hamburger.open span:nth-child(1){transform: translateY(7px) rotate(45deg)}.btn-hamburger.open span:nth-child(2){opacity: 0}.btn-hamburger.open span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.site-nav{background: var(--primary-mid);border-top: 1px solid rgba(255,255,255,.08)}.site-nav__list{display: flex;align-items: center;gap: 0;flex-wrap: nowrap;overflow-x: auto}.site-nav__list::-webkit-scrollbar{display: none}.site-nav__item{position: relative;flex-shrink: 0}.site-nav__link{display: flex;align-items: center;gap: 6px;padding: 12px 14px;color: rgba(255,255,255,.85);font-size: 14px;font-weight: 600;white-space: nowrap;transition: all var(--transition);border-bottom: 2px solid transparent}.site-nav__link:hover,.site-nav__link.active{color: #fff;border-bottom-color: var(--gold);background: rgba(255,255,255,.06)}.site-nav__arrow{font-size: 10px;transition: transform var(--transition)}.has-dropdown:hover .site-nav__arrow{transform: rotate(180deg)}.dropdown-nav{position: absolute;top: 100%;right: 0;background: var(--card-bg);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-md);min-width: 200px;opacity: 0;visibility: hidden;transform: translateY(-4px);transition: all var(--transition);z-index: 200}.has-dropdown:hover .dropdown-nav{opacity: 1;visibility: visible;transform: translateY(0)}.dropdown-nav li a{display: flex;align-items: center;gap: 10px;padding: 10px 16px;color: var(--text);font-size: 13px;font-weight: 600;transition: background var(--transition)}.dropdown-nav li a:hover{background: var(--bg-alt);color: var(--accent)}.overlay{position: fixed;inset: 0;background: rgba(0,0,0,.5);z-index: 500;opacity: 0;visibility: hidden;transition: all var(--transition)}.overlay.show{opacity: 1;visibility: visible}#main-content{min-height: 60vh}.page-layout{display: grid;grid-template-columns: 1fr 320px;gap: 28px;padding: 28px 0 40px}.page-layout--full{grid-template-columns: 1fr}.card{background: var(--card-bg);border: 1px solid var(--card-border);border-radius: var(--radius);overflow: hidden;transition: transform var(--transition),box-shadow var(--transition)}.card:hover{transform: translateY(-3px);box-shadow: var(--shadow-md)}.card__img{aspect-ratio: 16/9;overflow: hidden}.card__img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.card:hover .card__img img{transform: scale(1.04)}.card__body{padding: 16px}.card__cat{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;padding: 3px 10px;border-radius: 50px;color: #fff;margin-bottom: 8px}.card__title{font-size: 16px;font-weight: 700;line-height: 1.4;color: var(--text)}.card__title a{color: inherit}.card__title a:hover{color: var(--accent)}.card__excerpt{font-size: 13px;color: var(--text-muted);margin-top: 8px;line-height: 1.6}.card__meta{display: flex;align-items: center;gap: 12px;margin-top: 12px;font-size: 12px;color: var(--text-muted)}.card__meta i{color: var(--text-light)}.posts-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 20px}.posts-grid--2{grid-template-columns: repeat(2,1fr)}.hero-section{padding: 32px 0 0}.hero-grid{display: grid;grid-template-columns: 1fr 380px;grid-template-rows: auto auto;gap: 16px}.hero-featured{grid-row: 1 / 3;position: relative;border-radius: var(--radius-lg);overflow: hidden;aspect-ratio: 4/3;max-height: 480px}.hero-featured img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s}.hero-featured:hover img{transform: scale(1.03)}.hero-featured__overlay{position: absolute;inset: 0;background: linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 24px}.hero-featured__cat{display: inline-block;color: #fff;font-size: 11px;font-weight: 700;text-transform: uppercase;background: var(--accent);padding: 3px 12px;border-radius: 50px;margin-bottom: 8px}.hero-featured__title{color: #fff;font-size: 22px;font-weight: 900;line-height: 1.3}.hero-featured__meta{display: flex;gap: 12px;margin-top: 8px;font-size: 12px;color: rgba(255,255,255,.75)}.hero-side{display: flex;flex-direction: column;gap: 12px}.hero-side-card{background: var(--card-bg);border: 1px solid var(--card-border);border-radius: var(--radius);overflow: hidden;display: grid;grid-template-columns: 120px 1fr;transition: box-shadow var(--transition)}.hero-side-card:hover{box-shadow: var(--shadow)}.hero-side-card__img{height: 90px;overflow: hidden}.hero-side-card__img img{width: 100%;height: 100%;object-fit: cover}.hero-side-card__body{padding: 10px 12px;display: flex;flex-direction: column;justify-content: center}.hero-side-card__title{font-size: 14px;font-weight: 700;line-height: 1.3;color: var(--text)}.hero-side-card__title a:hover{color: var(--accent)}.hero-side-card__meta{font-size: 11px;color: var(--text-muted);margin-top: 4px}.section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;padding-bottom: 12px;border-bottom: 2px solid var(--border)}.section-header__title{font-size: 20px;font-weight: 900;display: flex;align-items: center;gap: 10px;position: relative}.section-header__title::before{content: '';display: block;width: 4px;height: 24px;background: var(--accent);border-radius: 4px}.section-header__link{font-size: 13px;color: var(--accent);font-weight: 600}.sidebar{display: flex;flex-direction: column;gap: 20px}.sidebar-widget{background: var(--card-bg);border: 1px solid var(--card-border);border-radius: var(--radius);overflow: hidden}.sidebar-widget__title{background: var(--primary);color: #fff;padding: 12px 16px;font-size: 15px;font-weight: 700;display: flex;align-items: center;gap: 8px}.sidebar-widget__body{padding: 16px}.popular-post{display: flex;gap: 10px;padding: 10px 0;border-bottom: 1px solid var(--border)}.popular-post:last-child{border-bottom: none;padding-bottom: 0}.popular-post__num{font-size: 22px;font-weight: 900;color: var(--border);min-width: 28px}.popular-post__title{font-size: 13px;font-weight: 700;line-height: 1.4;color: var(--text)}.popular-post__title a:hover{color: var(--accent)}.popular-post__meta{font-size: 11px;color: var(--text-muted);margin-top: 4px}.cat-widget-item{display: flex;align-items: center;justify-content: space-between;padding: 8px 0;border-bottom: 1px solid var(--border);font-size: 14px}.cat-widget-item:last-child{border-bottom: none}.cat-widget-item a{display: flex;align-items: center;gap: 8px;color: var(--text);font-weight: 600}.cat-widget-item a:hover{color: var(--accent)}.cat-count{font-size: 12px;background: var(--bg-alt);color: var(--text-muted);padding: 2px 8px;border-radius: 50px}.tag-cloud{display: flex;flex-wrap: wrap;gap: 8px}.tag-link{display: inline-block;padding: 4px 12px;background: var(--bg-alt);color: var(--text-muted);border-radius: 50px;font-size: 13px;font-weight: 600;transition: all var(--transition);border: 1px solid var(--border)}.tag-link:hover{background: var(--accent);color: #fff;border-color: var(--accent)}.post-header{margin-bottom: 24px}.post-header__cat{margin-bottom: 12px}.post-header__title{font-size: 32px;font-weight: 900;line-height: 1.3;color: var(--text)}.post-header__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 16px;margin-top: 16px;padding: 12px 0;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);font-size: 13px;color: var(--text-muted)}.post-header__meta-item{display: flex;align-items: center;gap: 6px}.post-featured-img{border-radius: var(--radius-lg);overflow: hidden;margin-bottom: 28px;max-height: 480px}.post-featured-img img{width: 100%;height: 100%;object-fit: cover}.post-content{font-size: 16px;line-height: 1.9;color: var(--text)}.post-content h2{font-size: 24px;font-weight: 900;margin: 32px 0 12px;color: var(--text);border-right: 4px solid var(--accent);padding-right: 12px}.post-content h3{font-size: 20px;font-weight: 700;margin: 24px 0 10px;color: var(--text)}.post-content p{margin-bottom: 16px}.post-content ul,.post-content ol{margin: 16px 0 16px 0;padding-right: 24px}.post-content li{margin-bottom: 8px}.post-content blockquote{border-right: 4px solid var(--accent);background: var(--bg-alt);padding: 16px 20px;margin: 20px 0;border-radius: 0 var(--radius) var(--radius) 0;font-style: italic;color: var(--text-muted)}.post-content code{background: var(--bg-alt);padding: 2px 6px;border-radius: 4px;font-size: 14px;font-family: 'Courier New',monospace;color: var(--danger)}.post-content pre{background: #1a1a2e;color: #e2e8f0;padding: 20px;border-radius: var(--radius);overflow-x: auto;margin: 20px 0}.post-content pre code{background: none;color: inherit;padding: 0}.post-content img{border-radius: var(--radius);margin: 16px 0}.post-content a{color: var(--accent);text-decoration: underline}.post-content table{width: 100%;border-collapse: collapse;margin: 16px 0}.post-content th,.post-content td{padding: 10px 14px;border: 1px solid var(--border);text-align: right}.post-content th{background: var(--primary);color: #fff;font-weight: 700}.post-content tr:nth-child(even){background: var(--bg-alt)}.post-actions{display: flex;align-items: center;gap: 12px;margin: 24px 0;padding: 16px;background: var(--bg-alt);border-radius: var(--radius)}.post-actions .btn-like{display: flex;align-items: center;gap: 8px;font-weight: 700;color: var(--text-muted);padding: 8px 16px;border-radius: 50px;border: 1px solid var(--border);transition: all var(--transition)}.post-actions .btn-like:hover,.post-actions .btn-like.liked{background: #fee;color: var(--danger);border-color: var(--danger)}.post-actions .btn-bookmark{display: flex;align-items: center;gap: 8px;font-weight: 700;color: var(--text-muted);padding: 8px 16px;border-radius: 50px;border: 1px solid var(--border);transition: all var(--transition)}.post-actions .btn-bookmark:hover,.post-actions .btn-bookmark.saved{background: #fff8e1;color: var(--gold);border-color: var(--gold)}.post-tags{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin: 20px 0}.post-tags__label{font-weight: 700;font-size: 14px;color: var(--text-muted)}.share-section{margin: 24px 0}.share-section__title{font-size: 15px;font-weight: 700;margin-bottom: 12px}.share-buttons{display: flex;gap: 8px;flex-wrap: wrap}.share-btn{display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;border-radius: 50px;font-size: 13px;font-weight: 600;color: #fff;cursor: pointer;transition: opacity var(--transition)}.share-btn:hover{opacity: .85}.share-btn--facebook{background: #1877F2}.share-btn--twitter{background: #000}.share-btn--whatsapp{background: #25D366}.share-btn--telegram{background: #2AABEE}.share-btn--copy{background: var(--text-muted);color: #fff}.comments-section{margin-top: 40px}.comments-section__title{font-size: 22px;font-weight: 900;margin-bottom: 20px}.comment{display: flex;gap: 12px;padding: 16px 0;border-bottom: 1px solid var(--border)}.comment:last-child{border-bottom: none}.comment__avatar{width: 44px;height: 44px;border-radius: 50%;background: var(--bg-alt);display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-weight: 700;font-size: 18px;color: var(--accent);overflow: hidden}.comment__avatar img{width: 100%;height: 100%;object-fit: cover}.comment__body{flex: 1}.comment__header{display: flex;align-items: center;gap: 10px;margin-bottom: 6px}.comment__name{font-weight: 700;font-size: 14px}.comment__date{font-size: 12px;color: var(--text-muted)}.comment__text{font-size: 14px;line-height: 1.7}.comment__replies{margin-right: 20px;margin-top: 8px;border-right: 2px solid var(--border);padding-right: 16px}.comment-form{background: var(--card-bg);border: 1px solid var(--card-border);border-radius: var(--radius);padding: 24px;margin-top: 24px}.comment-form__title{font-size: 18px;font-weight: 700;margin-bottom: 16px}.comment-form__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 12px}.form-group{margin-bottom: 16px}.form-label{display: block;font-size: 13px;font-weight: 700;color: var(--text-muted);margin-bottom: 6px}.form-required{color: var(--danger)}.form-hint{font-size: 12px;color: var(--text-muted);margin-top: 4px}.form-error{font-size: 12px;color: var(--danger);margin-top: 4px}.form-success{font-size: 13px;color: var(--success)}.auth-page{min-height: calc(100vh - 150px);display: flex;align-items: center;justify-content: center;padding: 40px 16px}.auth-card{background: var(--card-bg);border: 1px solid var(--card-border);border-radius: var(--radius-lg);padding: 40px;width: 100%;max-width: 420px;box-shadow: var(--shadow-md)}.auth-card__title{font-size: 26px;font-weight: 900;text-align: center;margin-bottom: 8px}.auth-card__subtitle{text-align: center;color: var(--text-muted);font-size: 14px;margin-bottom: 28px}.auth-divider{display: flex;align-items: center;gap: 12px;margin: 20px 0;color: var(--text-muted);font-size: 13px}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);font-weight:600;font-size:14px;width:100%;transition:all var(--transition)}.btn-google:hover{background:var(--bg-alt)}.btn-google svg{width:20px;height:20px}.newsletter-form__field{display:flex;gap:0}.newsletter-form__field input{border-radius: var(--radius-sm) 0 0 var(--radius-sm);border-left:none}.newsletter-form__field .btn{border-radius: 0 var(--radius-sm) var(--radius-sm) 0;flex-shrink:0}.newsletter-form__msg{font-size:13px;margin-top:6px;min-height:18px}.newsletter-section{background: linear-gradient(135deg,var(--primary),var(--primary-light));padding: 48px 0;margin: 40px 0;text-align: center;color: #fff}.newsletter-section h2{font-size: 28px;font-weight: 900;margin-bottom: 8px}.newsletter-section p{opacity: .85;margin-bottom: 24px}.newsletter-section .newsletter-form{display:flex;gap:0;max-width:480px;margin:0 auto}.newsletter-section input{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius: var(--radius-sm) 0 0 var(--radius-sm)}.newsletter-section input::placeholder{color:rgba(255,255,255,.6)}.newsletter-section .btn{border-radius: 0 var(--radius-sm) var(--radius-sm) 0;background:#fff;color:var(--primary);font-weight:700}.breadcrumb{padding: 12px 0}.breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:13px}.breadcrumb__item a{color: var(--text-muted)}.breadcrumb__item a:hover{color: var(--accent)}.breadcrumb__item a[aria-current]{color: var(--text);font-weight:600;pointer-events:none}.breadcrumb__sep{color: var(--text-light);padding: 0 6px}.pagination{margin: 32px 0;display:flex;justify-content:center}.pagination__list{display:flex;gap:6px;align-items:center}.pagination__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);color: var(--text-muted);font-size:14px;font-weight:600;transition:all var(--transition)}.pagination__btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination__btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.site-footer{background: var(--primary);color: rgba(255,255,255,.85);margin-top: 60px}.footer-grid{display:grid;grid-template-columns: 1.4fr 1fr 1fr 1.4fr;gap:40px;padding: 48px 0 32px}.footer-col__title{font-size:16px;font-weight:900;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,.15)}.footer-about{font-size:14px;opacity:.8;line-height:1.7;margin: 12px 0}.footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.social-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;transition:all var(--transition)}.social-btn:hover{background:var(--accent);transform:translateY(-2px)}.footer-links li{margin-bottom:8px}.footer-links a{color:rgba(255,255,255,.75);font-size:14px;display:flex;align-items:center;gap:8px;transition:color var(--transition)}.footer-links a:hover{color:#fff}.footer-links i{opacity:.6;width:16px}.footer-col--newsletter p{font-size:14px;opacity:.8;margin-bottom:12px}.footer-note{font-size:12px;opacity:.6;margin-top:8px;display:flex;align-items:center;gap:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0}.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;opacity:.7}.footer-bottom a{color:inherit;opacity:.8}.footer-bottom a:hover{opacity:1}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;display:flex;align-items:flex-start;gap:10px;font-size:14px}.alert--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert--info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert--warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}[data-theme="dark"] .alert--success{background:#1a3a1f;color:#9de9a8;border-color:#2d5c33}[data-theme="dark"] .alert--error{background:#3a1a1a;color:#f5a0a0;border-color:#5c2d2d}.back-to-top{position:fixed;bottom:24px;left:24px;z-index:999;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition)}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--accent-hover);transform:translateY(-2px)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-header{padding: 24px 0}.search-header__query{font-size: 24px;font-weight: 900}.search-header__count{color: var(--text-muted);font-size: 14px;margin-top: 4px}.search-highlight{background: rgba(0,123,255,.15);color: var(--accent);padding: 0 2px;border-radius: 2px}.account-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:32px 0}.account-nav{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;align-self:start}.account-nav__header{background:var(--primary);color:#fff;padding:16px}.account-nav__avatar{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:8px;overflow:hidden}.account-nav__name{font-weight:700;font-size:15px}.account-nav__email{font-size:12px;opacity:.8}.account-nav__menu{padding:8px 0}.account-nav__item a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text);font-size:14px;font-weight:600;transition:all var(--transition)}.account-nav__item a:hover,.account-nav__item a.active{background:var(--bg-alt);color:var(--accent)}.account-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px}.account-content__title{font-size:20px;font-weight:900;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.py-4{padding:32px 0}.py-8{padding:64px 0}.badge{display:inline-block;padding:2px 10px;border-radius:50px;font-size:11px;font-weight:700}.badge--new{background:var(--danger);color:#fff}.badge--hot{background:var(--gold);color:#fff}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr 320px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.page-layout{grid-template-columns:1fr 280px}}@media (max-width: 768px){:root{--header-h: 54px}.btn-hamburger{display:flex}.site-nav{position:fixed;top:var(--header-h);right:-100%;width:280px;height:calc(100vh - var(--header-h));overflow-y:auto;z-index:600;transition:right var(--transition);background: var(--primary)}.site-nav.open{right:0}.site-nav__list{flex-direction:column;align-items:stretch;overflow-x:visible}.site-nav__link{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.dropdown-nav{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(0,0,0,.2);border:none;border-radius:0;display:none}.has-dropdown.open .dropdown-nav{display:block}.dropdown-nav li a{color:rgba(255,255,255,.8);padding:10px 28px}.header-search{display:none}.header-search.search-open{display:flex;position:fixed;top:var(--header-h);left:0;right:0;z-index:700;border-radius:0;background:var(--primary);border:none;border-top:1px solid rgba(255,255,255,.2)}.hero-grid{grid-template-columns:1fr}.hero-side{display:none}.page-layout{grid-template-columns:1fr}.sidebar{order:2}.footer-grid{grid-template-columns:1fr;gap:20px;padding:32px 0 20px}.comment-form__grid{grid-template-columns:1fr}.account-layout{grid-template-columns:1fr}.posts-grid{grid-template-columns:1fr}.posts-grid--2{grid-template-columns:1fr}.post-header__title{font-size:22px}}@media (max-width: 480px){.share-buttons{gap:6px}.share-btn{padding:7px 10px;font-size:12px}.auth-card{padding:24px 16px}}.posts-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 24px;align-items: start}.post-card{background: var(--card-bg,#fff);border: 1px solid var(--card-border,#e8ecf5);border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;transition: transform 0.2s,box-shadow 0.2s;height: 100%}.post-card:hover{transform: translateY(-3px);box-shadow: 0 8px 24px rgba(0,0,0,0.1)}.post-card-img{display: block;aspect-ratio: 16/9;overflow: hidden;background: var(--bg,#f0f4ff)}.post-card-img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s}.post-card:hover .post-card-img img{transform: scale(1.04)}.post-card-body{padding: 16px;flex: 1;display: flex;flex-direction: column;gap: 8px}.post-cat-badge{display: inline-block;background: var(--accent,#0A5EBE);color: #fff;font-size: 11px;font-weight: 700;padding: 3px 10px;border-radius: 20px;text-decoration: none;width: fit-content;transition: opacity 0.2s}.post-cat-badge:hover{opacity: 0.85}.post-card-body h2,.post-card-body h3{font-size: 1rem;font-weight: 700;line-height: 1.45;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.post-card-body h2 a,.post-card-body h3 a{color: var(--text,#1a1a2e);text-decoration: none}.post-card-body h2 a:hover,.post-card-body h3 a:hover{color: var(--accent,#0A5EBE)}.post-excerpt{font-size: 0.875rem;color: var(--text-muted,#666);line-height: 1.65;margin: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;flex: 1}.post-meta{display: flex;align-items: center;gap: 16px;font-size: 0.78rem;color: var(--text-muted,#888);margin-top: auto;padding-top: 8px;border-top: 1px solid var(--card-border,#f0f0f0)}.post-meta span{display: flex;align-items: center;gap: 4px}.post-meta svg{width: 13px;height: 13px;flex-shrink: 0;opacity: 0.6}.post-featured{grid-column: span 2;flex-direction: row}.post-featured .post-card-img{width: 45%;flex-shrink: 0;aspect-ratio: auto}.post-featured .post-card-body{padding: 20px}.post-featured h2{font-size: 1.2rem;-webkit-line-clamp: 3}.post-featured .post-excerpt{-webkit-line-clamp: 4}.page-layout{display: grid;grid-template-columns: 1fr 300px;gap: 32px;align-items: start}.main-content{min-width: 0}.section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px}.section-title{font-size: 1.25rem;font-weight: 800;color: var(--primary,#0D1B3E);position: relative;padding-right: 14px}.section-title::before{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 4px;background: var(--accent,#0A5EBE);border-radius: 2px}.section-more{font-size: 0.875rem;color: var(--accent,#0A5EBE);text-decoration: none;font-weight: 600}.section-more:hover{text-decoration: underline}.sidebar{display: flex;flex-direction: column;gap: 20px}.sidebar-widget{background: var(--card-bg,#fff);border: 1px solid var(--card-border,#e8ecf5);border-radius: 12px;overflow: hidden}.widget-title{font-size: 1rem;font-weight: 700;padding: 14px 16px;border-bottom: 1px solid var(--card-border,#f0f0f0);color: var(--primary,#0D1B3E);background: var(--bg,#f8faff);margin: 0}.popular-posts{list-style: none;margin: 0;padding: 0}.popular-posts li{display: flex;gap: 10px;align-items: flex-start;padding: 10px 14px;border-bottom: 1px solid var(--card-border,#f5f5f5);transition: background 0.15s}.popular-posts li:last-child{border-bottom: none}.popular-posts li:hover{background: var(--bg,#f8faff)}.popular-posts li img{width: 60px;height: 50px;object-fit: cover;border-radius: 6px;flex-shrink: 0}.popular-posts li>div{flex: 1;min-width: 0}.popular-posts li a{display: block;font-size: 0.85rem;font-weight: 600;color: var(--text,#1a1a2e);text-decoration: none;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.popular-posts li a:hover{color: var(--accent,#0A5EBE)}.popular-posts li span{font-size: 0.75rem;color: var(--text-muted,#888);display: block;margin-top: 3px}.category-list{list-style: none;margin: 0;padding: 8px 0}.category-list li a{display: flex;justify-content: space-between;padding: 8px 14px;color: var(--text,#333);text-decoration: none;font-size: 0.875rem;transition: all 0.15s}.category-list li a:hover{color: var(--accent,#0A5EBE);background: var(--bg,#f8faff);padding-right: 20px}.category-list .count{font-size: 0.75rem;color: var(--text-muted,#999);background: var(--bg,#f0f4ff);padding: 1px 8px;border-radius: 20px}.newsletter-widget{padding: 0}.newsletter-widget .widget-title{margin: 0}.newsletter-widget>p{padding: 10px 14px 4px;font-size: 0.85rem;color: var(--text-muted,#666);margin: 0}.newsletter-form{padding: 10px 14px 14px;display: flex;flex-direction: column;gap: 8px}.newsletter-form input[type=email]{width: 100%;padding: 9px 12px;border: 1.5px solid var(--card-border,#ddd);border-radius: 8px;font-family: inherit;font-size: 0.875rem;background: var(--bg,#fff);color: var(--text,#333)}.newsletter-form input[type=email]:focus{outline: none;border-color: var(--accent,#0A5EBE)}.newsletter-msg{font-size: 0.8rem;text-align: center}.categories-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(120px,1fr));gap: 12px}.cat-card{background: var(--card-bg,#fff);border: 1px solid var(--card-border,#e8ecf5);border-radius: 10px;padding: 16px 12px;text-align: center;text-decoration: none;transition: all 0.2s;display: flex;flex-direction: column;align-items: center;gap: 6px}.cat-card:hover{border-color: var(--accent,#0A5EBE);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(10,94,190,0.12)}.cat-icon{font-size: 1.75rem;line-height: 1}.cat-card h3{font-size: 0.85rem;font-weight: 700;color: var(--text,#333);margin: 0}.cat-card span{font-size: 0.75rem;color: var(--text-muted,#888)}@media (max-width: 900px){.page-layout{grid-template-columns: 1fr}.sidebar{display: none}.post-featured{grid-column: span 1;flex-direction: column}.post-featured .post-card-img{width: 100%;aspect-ratio: 16/9}}@media (max-width: 640px){.posts-grid{grid-template-columns: 1fr;gap: 16px}.categories-grid{grid-template-columns: repeat(3,1fr)}}.post-hero-img{width: 100%;border-radius: 12px;overflow: hidden;margin-bottom: 1.5rem;aspect-ratio: 16/7;background: linear-gradient(135deg,#0D1B3E,#0A5EBE);position: relative}.post-hero-img img{width: 100%;height: 100%;object-fit: cover;display: block}.has-dropdown{position: relative}.has-dropdown>.site-nav__link{cursor: pointer}.dropdown-nav{position: absolute !important;top: 100% !important;right: 0 !important;min-width: 220px !important;background: #fff !important;border: 1px solid #e8ecf5 !important;border-radius: 10px !important;box-shadow: 0 8px 24px rgba(0,0,0,.15) !important;opacity: 0 !important;visibility: hidden !important;transform: translateY(-6px) !important;transition: all .2s !important;z-index: 9999 !important;pointer-events: none !important}.has-dropdown:hover .dropdown-nav,.has-dropdown.open .dropdown-nav{opacity: 1 !important;visibility: visible !important;transform: translateY(0) !important;pointer-events: auto !important}.dropdown-nav li{list-style: none}.dropdown-nav li a{display: flex !important;align-items: center !important;gap: 8px !important;padding: 10px 16px !important;color: #333 !important;text-decoration: none !important;font-size: .875rem !important;transition: background .15s !important;white-space: nowrap !important}.dropdown-nav li a:hover{background: #f0f5ff !important;color: #0A5EBE !important}.dropdown-nav--mega{min-width: 260px !important;max-height: 420px;overflow-y: auto;padding: 6px 0 !important;scrollbar-width: thin}.dropdown-nav--mega li a{padding: 9px 16px !important;gap: 10px !important;font-size: .875rem !important}.dropdown-nav--mega li a span:first-child{font-size: 1rem;width: 20px;text-align: center}#navCatsItem .site-nav__arrow{transition: transform .2s}#navCatsItem:hover .site-nav__arrow{transform: rotate(180deg)}.post-info{display: flex;align-items: center;flex-wrap: wrap;gap: 6px 12px;font-size: .85rem;color: #666;margin-top: 10px}.post-info>span{display: flex;align-items: center;gap: 5px}.post-info__author{display: flex !important;align-items: center !important;gap: 7px !important}.post-info__sep{color: #ccc !important;font-size: 1rem !important;line-height: 1 !important}.post-author-avatar{width: 32px;height: 32px;border-radius: 50%;background: linear-gradient(135deg,#0D1B3E,#0A5EBE);color: #fff;display: flex;align-items: center;justify-content: center;font-size: .85rem;font-weight: 900;flex-shrink: 0}:root,[data-color-theme="blue"]{--primary: #0D1B3E;--accent: #0A5EBE;--gold: #D4A843}[data-color-theme="green"]{--primary: #0D3320;--accent: #1a7a3c;--gold: #D4A843}[data-color-theme="purple"]{--primary: #1a0d3e;--accent: #6d28d9;--gold: #f59e0b}[data-color-theme="red"]{--primary: #3e0d0d;--accent: #c0392b;--gold: #f39c12}[data-color-theme="teal"]{--primary: #0d2e3e;--accent: #0891b2;--gold: #d97706}[data-theme="dark"]{--bg: #111827;--bg-alt: #1f2937;--card-bg: #1f2937;--card-border: #374151;--text: #f1f5f9;--text-muted: #9ca3af;--border: #374151}[data-theme="dark"] body{background: var(--bg);color: var(--text)}[data-theme="dark"] .site-header,[data-theme="dark"] .site-nav{background: #0a0f1e}[data-theme="dark"] .blg-hero-card,[data-theme="dark"] .blg-card,[data-theme="dark"] .ez-widget,[data-theme="dark"] .form-card,[data-theme="dark"] .table-card{background: var(--card-bg);border-color: var(--card-border)}[data-theme="dark"] .blg-widget-title,[data-theme="dark"] .ez-widget-title{background: #151f2e;color: #e2e8f0}[data-theme="dark"] .blg-card__title,[data-theme="dark"] .blg-hero-card__title{color: #f1f5f9}[data-theme="dark"] .blg-card__exc,[data-theme="dark"] .blg-hero-card__excerpt{color: #9ca3af}[data-theme="dark"] .blg-cat-pill{background: #1f2937;border-color: #374151;color: #9ca3af}[data-theme="dark"] .blg-cat-pill:hover,[data-theme="dark"] .blg-cat-pill--on{background: var(--accent);color: #fff}[data-theme="dark"] .nav-dropdown{background: #1f2937;border-color: #374151}[data-theme="dark"] .nav-dropdown li a{color: #d1d5db}[data-theme="dark"] .nav-dropdown li a:hover{background: #374151;color: #f1f5f9}[data-theme="dark"] .ez-nl-input{background: #1f2937;border-color: #374151;color: #f1f5f9}[data-theme="dark"] .ez-cat-link{color: #c4d4f0}[data-theme="dark"] .ez-popular__title{color: #e2e8f0}[data-theme="dark"] .post-content{color: #d1d5db}[data-theme="dark"] .post-content h2,[data-theme="dark"] .post-content h3{color: #f1f5f9}[data-theme="dark"] .cmt-form-wrap{background: #1f2937;border-color: #374151}[data-theme="dark"] .cmt-input,[data-theme="dark"] .cmt-textarea{background: #111827;border-color: #374151;color: #f1f5f9}[data-theme="dark"] .brk-bar{background: #050d1f}[data-theme="dark"] .footer{background: #0a0f1e}.toc-box{background: #f4f7ff;border: 1px solid #d0ddf5;border-radius: 10px;margin: 0 0 24px;overflow: hidden}[data-theme="dark"] .toc-box{background: #1a2744;border-color: #2a3d6e}.toc-toggle{width: 100%;background: none;border: none;padding: 13px 16px;font-family: inherit;font-size: .95rem;font-weight: 700;color: #0D1B3E;cursor: pointer;text-align: right;display: flex;align-items: center;gap: 8px}[data-theme="dark"] .toc-toggle{color: #d8e4ff}.toc-toggle:hover{background: rgba(10,94,190,.06)}.toc-arrow{margin-right: auto;transition: transform .2s}.toc-box.toc-open .toc-arrow{transform: rotate(180deg)}.toc-list{list-style: none;margin: 0;padding: 4px 0 12px;border-top: 1px solid #d0ddf5;display: none}.toc-box.toc-open .toc-list{display: block}.toc-lv2 a,.toc-lv3 a{display: block;padding: 6px 20px;font-size: .875rem;color: #374151;text-decoration: none;transition: all .15s;line-height: 1.4}.toc-lv3 a{padding-right: 36px;font-size: .84rem;color: #6b7280}.toc-lv2 a:hover,.toc-lv3 a:hover{color: #0A5EBE;background: rgba(10,94,190,.05)}[data-theme="dark"] .toc-lv2 a,[data-theme="dark"] .toc-lv3 a{color: #c4d4f0}[data-theme="dark"] .toc-lv2 a:hover{color: #5a9eff}.toc-lv2 a::before{content: '◆ ';font-size: .6rem;color: #0A5EBE;margin-left: 6px}.toc-lv3 a::before{content: '◇ ';font-size: .6rem;color: #aaa;margin-left: 6px}.post-content h2{font-size: 1.45rem;color: var(--primary);border-right: 4px solid var(--accent);padding-right: 12px;margin: 2rem 0 .75rem;scroll-margin-top: 80px}.post-content h3{font-size: 1.2rem;color: var(--primary);margin: 1.5rem 0 .5rem;scroll-margin-top: 80px}.post-content h4{font-size: 1.05rem;color: #374151;margin: 1.2rem 0 .4rem}.post-content p{line-height: 1.9;margin-bottom: 1rem}.post-content a{color: var(--accent)}.post-content a:hover{text-decoration: underline}.post-content img{max-width: 100%;height: auto;border-radius: 8px}.post-content blockquote{border-right: 4px solid var(--accent);background: #f0f5ff;padding: 14px 18px;margin: 16px 0;border-radius: 0 8px 8px 0;font-style: italic}[data-theme="dark"] .post-content blockquote{background: #1a2744}.post-content pre,.post-content code{background: #1f2937;color: #e5e7eb;border-radius: 6px;direction: ltr;text-align: left}.post-content pre{padding: 16px;overflow-x: auto;font-size: .88rem;line-height: 1.6}.post-content code{padding: 2px 6px;font-size: .85rem}.post-content table{width: 100%;border-collapse: collapse;margin: 1rem 0}.post-content table th{background: var(--primary);color: #fff;padding: 10px 12px;text-align: right}.post-content table td{padding: 9px 12px;border-bottom: 1px solid var(--card-border)}.post-content table tr:hover td{background: var(--bg-alt)}.post-content ul,.post-content ol{padding-right: 1.5rem;margin-bottom: 1rem}.post-content li{margin-bottom: .4rem;line-height: 1.8}#readingProgress{position: fixed;top: 0;right: 0;height: 3px;width: 0%;background: linear-gradient(90deg,var(--accent,#0A5EBE),var(--gold,#D4A843));z-index: 9999;transition: width .1s}