@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--ink:#edf4ff;--muted:#94a9c4;--soft:#b8c8dc;--line:rgba(156,184,214,.16);--line-strong:rgba(156,184,214,.3);--paper:#06101d;--surface:#0b192b;--surface-2:#10233b;--lime:#c8f169;--cyan:#65e8ff;--blue:#8b7cff;--pink:#ff83c7;--dark:#07111f;--shadow:0 24px 70px rgba(0,0,0,.32)}html[data-theme="light"]{color-scheme:light;--ink:#15233a;--muted:#667a95;--soft:#40536c;--line:rgba(45,77,114,.15);--line-strong:rgba(45,77,114,.28);--paper:#f4f8fc;--surface:#fff;--surface-2:#e9f2fb;--dark:#18304a;--shadow:0 24px 70px rgba(40,71,105,.16)}
html,body,.site-header,.hero,.card,.auth-card,.panel,.stats>div,.nav-country-menu,.country-filter,.pagination a,.pagination span,.outline-button,.adsense-slot,footer{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{position:relative;margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 85% 5%,rgba(101,232,255,.1),transparent 24rem),radial-gradient(circle at 10% 15%,rgba(139,124,255,.12),transparent 25rem),var(--paper);font-family:'DM Sans',sans-serif;line-height:1.5;overflow-x:hidden}
body:before{content:'';position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(126,157,196,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,157,196,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
body>*{position:relative;z-index:1}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1160px,100%);margin:auto;padding:0 28px}

/* Header and language controls */
.site-header{position:sticky;top:0;z-index:50;background:rgba(6,16,29,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:inline-flex;align-items:center;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.6px;color:#fff}
.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;border:1px solid rgba(200,241,105,.55);border-radius:11px;background:linear-gradient(135deg,var(--lime),#8ee5bd);box-shadow:0 0 28px rgba(200,241,105,.18);color:#0a1726}.brand-logo{display:block;width:34px;height:34px;margin-right:10px;border:1px solid rgba(101,232,255,.35);border-radius:10px;background:rgba(255,255,255,.92);object-fit:contain;box-shadow:0 0 28px rgba(101,232,255,.15)}
.nav nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;color:var(--soft);font-size:13px}
.nav nav>a{position:relative;padding:9px 11px;border:1px solid transparent;border-radius:9px;transition:color .2s ease,background .2s ease,border-color .2s ease}.nav nav>a:after{content:'';position:absolute;right:11px;bottom:5px;left:11px;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.nav nav>a:hover{color:#fff;background:rgba(255,255,255,.06);border-color:var(--line)}.nav nav>a:hover:after,.nav nav>a.active:after{transform:scaleX(1)}.nav nav>a.active{color:#fff;background:rgba(101,232,255,.08);border-color:rgba(101,232,255,.25)}.admin-nav-label{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid rgba(101,232,255,.28);border-radius:6px;color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:1.2px}.admin-nav-link{background:rgba(101,232,255,.05)}.admin-nav-link:after{display:none}.admin-nav-link:hover,.admin-nav-link.active{background:rgba(101,232,255,.12)!important;border-color:rgba(101,232,255,.3)!important;color:#fff!important}.admin-nav-link.active{box-shadow:inset 0 -2px 0 var(--cyan)}
.nav-country{position:relative;display:inline-flex;align-items:center}
.nav-country-trigger{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--soft);cursor:pointer;padding:9px 11px;transition:.2s ease}
.nav-country-trigger:hover,.nav-country-trigger[aria-expanded="true"]{color:#fff;background:rgba(101,232,255,.08);border-color:rgba(101,232,255,.35)}.nav-country-trigger span{display:inline-block;transition:transform .2s ease}.nav-country-trigger[aria-expanded="true"] span{transform:rotate(180deg)}
.nav-country-trigger span{margin-left:4px;color:var(--cyan);font-size:16px}
.nav-country-menu{position:fixed;z-index:100;top:72px;right:max(18px,calc((100vw - 1160px)/2 + 28px));display:none;min-width:220px;max-width:min(340px,calc(100vw - 36px));max-height:calc(100vh - 96px);overflow-y:auto;padding:8px;background:rgba(11,25,43,.98);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.nav-country-menu.is-open{display:grid;animation:menu-pop .18s ease-out both}
.nav-country-menu a{display:block;padding:10px 12px;border-radius:9px;color:var(--soft);white-space:nowrap}
.nav-country-menu a:hover,.nav-country-menu a.active{background:linear-gradient(90deg,rgba(139,124,255,.22),rgba(101,232,255,.08));color:#fff}
.language-switcher{display:inline-flex;gap:3px;align-items:center;padding:3px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(255,255,255,.04);font-size:11px;font-weight:700}
.language-switcher a{padding:5px 8px;border-radius:6px;color:var(--muted);transition:.2s ease}
.language-switcher a.active,.language-switcher a:hover{background:var(--cyan);color:#05101c;box-shadow:0 0 18px rgba(101,232,255,.22);transform:translateY(-1px)}.theme-toggle-wrap{display:inline-flex;align-items:center;flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 9px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(255,255,255,.04);color:var(--soft);cursor:pointer;font-size:11px;font-weight:700;transition:transform .2s ease,background .3s ease,border-color .3s ease,color .3s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--cyan);background:rgba(101,232,255,.1);color:#fff}.theme-icon{display:grid;place-items:center;width:16px;height:16px;color:var(--cyan);font-size:16px;line-height:1}

/* Shared typography and controls */
.eyebrow{margin:0 0 15px;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}
.muted{color:var(--muted);font-size:14px}
.button,.outline-button,.filter-chip,.small-button,.approve-button,.nav-country-trigger,.language-switcher a{position:relative;overflow:hidden}.button,.outline-button{isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.button:active,.outline-button:active,.filter-chip:active,.small-button:active,.approve-button:active{transform:scale(.97)}
.button{border:1px solid rgba(200,241,105,.45);background:linear-gradient(135deg,var(--lime),#a7e997);color:#091526;box-shadow:0 10px 30px rgba(200,241,105,.13)}.button:before{content:'';position:absolute;z-index:-1;inset:-40%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.58) 50%,transparent 62%);transform:translateX(-70%) rotate(8deg);transition:transform .55s ease}.button:hover:before{transform:translateX(70%) rotate(8deg)}
.button:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 14px 34px rgba(101,232,255,.18)}
.outline-button{border:1px solid var(--line-strong);background:rgba(255,255,255,.035);color:var(--soft)}
.outline-button:hover{transform:translateY(-2px);border-color:var(--cyan);color:#fff;background:rgba(101,232,255,.08)}
.text-link,.read-more,.source-link{color:var(--cyan);font-weight:700;transition:color .2s ease}.text-link:focus-visible,.read-more:focus-visible,.source-link:focus-visible,.button:focus-visible,.outline-button:focus-visible,.filter-chip:focus-visible,.small-button:focus-visible,.approve-button:focus-visible,.nav-country-trigger:focus-visible,.language-switcher a:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.text-link:hover,.read-more:hover,.source-link:hover{color:var(--lime)}
.alert,.success,.empty{margin-bottom:22px;padding:17px 19px;border-radius:12px;background:rgba(255,191,92,.08);border:1px solid rgba(255,191,92,.3);color:#ffd99b}
.success{background:rgba(200,241,105,.08);border-color:rgba(200,241,105,.3);color:#ddf6af}

/* Light theme overrides */
html[data-theme="light"] body{background:radial-gradient(circle at 85% 5%,rgba(46,191,218,.12),transparent 24rem),radial-gradient(circle at 10% 15%,rgba(112,91,224,.1),transparent 25rem),var(--paper)}
html[data-theme="light"] body:before{opacity:.28;background-image:linear-gradient(rgba(81,117,157,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(81,117,157,.12) 1px,transparent 1px)}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.78)}
html[data-theme="light"] .brand{color:var(--dark)}
html[data-theme="light"] .nav nav>a:hover,html[data-theme="light"] .nav-country-trigger:hover,html[data-theme="light"] .nav-country-trigger[aria-expanded="true"]{color:var(--dark);background:rgba(36,92,138,.07);border-color:var(--line-strong)}html[data-theme="light"] .admin-nav-label{color:#167895;border-color:rgba(22,120,149,.25)}html[data-theme="light"] .admin-nav-link{background:rgba(22,120,149,.05)}html[data-theme="light"] .admin-nav-link:hover,html[data-theme="light"] .admin-nav-link.active{background:rgba(22,120,149,.12)!important;color:var(--dark)!important}html[data-theme="light"] .admin-nav-link.active{box-shadow:inset 0 -2px 0 #167895}
html[data-theme="light"] .nav-country-menu{background:rgba(255,255,255,.98)}
html[data-theme="light"] .nav-country-menu a{color:var(--soft)}
html[data-theme="light"] .nav-country-menu a:hover,html[data-theme="light"] .nav-country-menu a.active{background:linear-gradient(90deg,rgba(139,124,255,.14),rgba(101,232,255,.12));color:var(--dark)}
html[data-theme="light"] .language-switcher,html[data-theme="light"] .theme-toggle{background:rgba(255,255,255,.78)}
html[data-theme="light"] .theme-toggle:hover{color:var(--dark)}
html[data-theme="light"] .hero{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(235,245,253,.5))}
html[data-theme="light"] .hero h1,html[data-theme="light"] .section-head h2,html[data-theme="light"] .article-detail h1,html[data-theme="light"] .card h3,html[data-theme="light"] .auth-card h1,html[data-theme="light"] .auth-card h2,html[data-theme="light"] .panel h2,html[data-theme="light"] .stats strong,html[data-theme="light"] .feed-row>strong{color:var(--dark)}
html[data-theme="light"] .hero-copy,html[data-theme="light"] .article-content,html[data-theme="light"] .card p:not(.meta){color:var(--soft)}
html[data-theme="light"] .card,html[data-theme="light"] .auth-card,html[data-theme="light"] .panel,html[data-theme="light"] .stats>div{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,245,253,.94));box-shadow:0 14px 40px rgba(40,71,105,.1)}
html[data-theme="light"] .card:hover{box-shadow:0 20px 50px rgba(40,71,105,.16),0 0 30px rgba(33,166,199,.1)}html[data-theme="light"] .quick-action{background:rgba(255,255,255,.62)}html[data-theme="light"] .analytics-range select{background:#fff;color:var(--ink)}html[data-theme="light"] .wysiwyg-wrap{background:rgba(255,255,255,.8)}html[data-theme="light"] .wysiwyg-toolbar{background:rgba(101,197,232,.06)}html[data-theme="light"] .wysiwyg-button,html[data-theme="light"] .wysiwyg-select{color:var(--soft)}html[data-theme="light"] .wysiwyg-button:hover,html[data-theme="light"] .wysiwyg-button:focus-visible,html[data-theme="light"] .wysiwyg-select:hover,html[data-theme="light"] .wysiwyg-select:focus-visible{color:var(--dark)}html[data-theme="light"] .wysiwyg-select,html[data-theme="light"] .wysiwyg-select option{background:#fff;color:var(--ink)}html[data-theme="light"] .wysiwyg-editor{color:var(--ink)}html[data-theme="light"] .wysiwyg-editor h2,html[data-theme="light"] .wysiwyg-editor h3{color:var(--dark)}html[data-theme="light"] .wysiwyg-editor blockquote{color:#456027}html[data-theme="light"] .wysiwyg-editor pre{background:#eef6fb;color:#18344d;border-color:rgba(22,120,149,.22)}html[data-theme="light"] .wysiwyg-editor code{background:rgba(22,120,149,.1);color:#167895}html[data-theme="light"] .wysiwyg-source{background:rgba(255,255,255,.8);color:var(--ink)}html[data-theme="light"] .editor-status{color:#5d8124;border-color:rgba(93,129,36,.25)}html[data-theme="light"] .analytics-range option{background:#fff;color:var(--ink)}html[data-theme="light"] .analytics-summary>div{background:rgba(101,197,232,.08)}html[data-theme="light"] .analytics-summary strong{color:#167895}html[data-theme="light"] .chart-shell{background:linear-gradient(180deg,rgba(101,197,232,.08),transparent 70%)}html[data-theme="light"] .chart-tooltip{background:rgba(24,48,74,.96)}html[data-theme="light"] .quick-action:hover{background:rgba(101,197,232,.1);box-shadow:0 12px 28px rgba(40,71,105,.12)}html[data-theme="light"] .quick-action strong,html[data-theme="light"] .feed-overview-row strong,html[data-theme="light"] .recent-article-copy strong{color:var(--dark)}html[data-theme="light"] .quick-action-icon{background:rgba(101,197,232,.1);border-color:rgba(22,120,149,.25);color:#167895}html[data-theme="light"] .stat-card-primary strong{color:#167895!important}
html[data-theme="light"] .country-filter,html[data-theme="light"] .pagination a,html[data-theme="light"] .pagination span{background:rgba(255,255,255,.72)}html[data-theme="light"] .blog-hero h1{color:var(--dark)}html[data-theme="light"] .blog-post-lead{color:var(--soft)}html[data-theme="light"] .blog-post-cover{box-shadow:0 14px 40px rgba(40,71,105,.1)}html[data-theme="light"] .blog-description{color:var(--soft)}html[data-theme="light"] .blog-filters{background:rgba(255,255,255,.6)}html[data-theme="light"] .blog-filters input,html[data-theme="light"] .blog-filters select{background:rgba(255,255,255,.86);color:var(--ink)}html[data-theme="light"] .blog-filters option{background:#fff;color:var(--ink)}
html[data-theme="light"] .country-filter strong,html[data-theme="light"] .pagination-label{color:var(--dark)!important}
html[data-theme="light"] .outline-button,html[data-theme="light"] .small-button{background:rgba(255,255,255,.7);color:var(--soft)}
html[data-theme="light"] .auth-card input,html[data-theme="light"] .settings-card input,html[data-theme="light"] .settings-card textarea,html[data-theme="light"] .feed-country-form input,html[data-theme="light"] .article-limit-control input{background:rgba(255,255,255,.8);color:var(--ink)}html[data-theme="light"] .logo-preview,html[data-theme="light"] .logo-preview-fallback{box-shadow:0 8px 20px rgba(40,71,105,.12)}html[data-theme="light"] .logo-settings-card input[type=file]::file-selector-button{color:var(--soft);background:rgba(101,197,232,.1)}
html[data-theme="light"] .filter-form{background:rgba(255,255,255,.55)}html[data-theme="light"] .feed-toolbar{background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(40,71,105,.1)}html[data-theme="light"] tbody tr:hover{background:rgba(101,197,232,.08)}
html[data-theme="light"] .filter-form select,html[data-theme="light"] .inline-moderate select{background:#fff;color:var(--ink)}
html[data-theme="light"] .filter-form option,html[data-theme="light"] .inline-moderate option{background:#fff;color:var(--ink)}
html[data-theme="light"] .feed-continent-title{background:rgba(101,197,232,.1);color:var(--dark)}
html[data-theme="light"] footer{background:rgba(225,235,245,.86);color:var(--soft)}
html[data-theme="light"] .footer-inner strong{color:var(--dark)}
html[data-theme="light"] .adsense-slot{background:rgba(244,248,252,.86)}

/* Frontend hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(11,25,43,.62),rgba(6,16,29,.25))}
.hero:before{content:'';position:absolute;inset:auto -10% -55% 42%;height:520px;border:1px solid rgba(101,232,255,.12);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 0 28px rgba(101,232,255,.025),0 0 0 58px rgba(101,232,255,.02)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:70px;min-height:550px;padding-top:78px;padding-bottom:78px}
.hero h1{max-width:740px;margin:0;font:700 clamp(46px,7vw,88px)/.96 'Space Grotesk',sans-serif;letter-spacing:-5px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 28px rgba(101,232,255,.22)}
.hero-copy{max-width:520px;margin:26px 0 30px;color:var(--soft);font-size:18px;line-height:1.7}
.hero-orbit{position:relative;justify-self:end;width:min(360px,100%);aspect-ratio:1;border:1px solid rgba(101,232,255,.35);border-radius:50%;background:radial-gradient(circle at 50% 48%,rgba(101,232,255,.18),rgba(139,124,255,.09) 28%,rgba(7,17,31,.1) 57%,transparent 58%);box-shadow:inset 0 0 80px rgba(101,232,255,.08),0 0 90px rgba(101,232,255,.08)}
.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;inset:11%;border:1px solid rgba(139,124,255,.44);border-radius:50%;transform:rotate(34deg) scaleX(1.5)}
.hero-orbit:after{inset:27%;border-color:rgba(200,241,105,.48);transform:rotate(-38deg) scaleX(1.55)}
.orbit-label{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;font:700 35px/.92 'Space Grotesk';letter-spacing:4px;text-shadow:0 0 24px rgba(101,232,255,.55)}
.orb{position:absolute;z-index:2;width:19px;height:19px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(200,241,105,.14),0 0 30px rgba(200,241,105,.7)}
.orb-one{top:15%;right:11%}
.orb-two{bottom:16%;left:11%;background:var(--pink);box-shadow:0 0 0 7px rgba(255,131,199,.12),0 0 30px rgba(255,131,199,.68)}

/* Article listing */
.content-section{padding-top:76px;padding-bottom:100px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}
.section-head h2,.admin-page h1{margin:0;font:600 clamp(29px,4vw,42px)/1.05 'Space Grotesk';letter-spacing:-1.8px;color:#fff}
.section-head .muted{white-space:nowrap}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{--spot-x:50%;--spot-y:50%;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(16,35,59,.9),rgba(9,22,38,.92));box-shadow:0 10px 30px rgba(0,0,0,.14);cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(101,232,255,.2),transparent 30%);opacity:0;transition:opacity .25s ease}.card:hover:before{opacity:1}
.card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.08),transparent 28%);opacity:.5}
.card:hover,.card:focus-visible{transform:translateY(-6px);border-color:rgba(101,232,255,.4);box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 30px rgba(101,232,255,.07);outline:none}.card:focus-visible{box-shadow:0 0 0 3px rgba(101,232,255,.18),0 20px 50px rgba(0,0,0,.28)}
.card-featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}
.card-image{position:relative;min-height:220px;background-color:#10233b;background-size:cover;background-position:center}.card-image-media{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;object-position:center}.card-image-media+*{position:relative}
.card-featured .card-image{min-height:330px}.card-featured .card-image-media{min-height:330px}
.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,10,20,.58))}
.card-image span{position:absolute;z-index:1;top:15px;left:15px;padding:6px 9px;border:1px solid rgba(200,241,105,.4);border-radius:7px;background:rgba(200,241,105,.92);color:#102015;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.card-body{position:relative;z-index:1;display:flex;align-items:center;min-height:88px;padding:18px 20px}.card-featured .card-body{min-height:100%;padding:25px}.card h3{margin:0!important}.card h3 a{display:block}
.meta,.article-meta{margin:0 0 13px;color:var(--muted);font-size:11px;letter-spacing:.2px}
.card h3{margin:0 0 12px;font:600 21px/1.2 'Space Grotesk';letter-spacing:-.4px;color:#fff}
.card h3 a:hover{color:var(--cyan)}
.card p:not(.meta){color:var(--soft);font-size:14px;line-height:1.6}
.read-more{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:12px;transition:gap .2s ease,color .2s ease}.read-more:hover{gap:10px}
.country-filter{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-8px 0 28px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}
.country-filter strong{margin-right:5px;color:#fff;font-size:13px}
.filter-chip{position:relative;overflow:hidden;padding:7px 11px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-size:12px;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.filter-chip:hover{transform:translateY(-2px)}
.filter-chip:hover,.filter-chip.active{border-color:var(--cyan);background:rgba(101,232,255,.11);color:#fff}
.pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:38px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:37px;height:37px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted);font-size:12px}
.pagination a{transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.pagination a:hover{transform:translateY(-3px)}.pagination a:hover,.pagination a.active{border-color:var(--cyan);background:var(--cyan);color:#05101c}
.pagination-label{border:0!important;background:transparent!important;color:var(--soft)!important;font-weight:700}.pagination-top{margin-top:-14px;margin-bottom:26px}

/* Blog collection */
.blog-page{padding-top:52px;padding-bottom:100px}.blog-hero{max-width:820px;margin:10px 0 30px}.blog-hero h1{margin:0;color:#fff;font:600 clamp(40px,6vw,72px)/1.02 'Space Grotesk';letter-spacing:-3.5px;text-wrap:balance}.blog-description{max-width:720px;margin-top:20px;color:var(--soft);font-size:17px;line-height:1.75}.blog-post-cover{overflow:hidden;margin:30px 0;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.blog-post-cover img{display:block;width:100%;max-height:540px;object-fit:cover}.blog-post-lead{margin:26px 0;color:var(--soft);font-size:20px;line-height:1.65}.blog-image-preview{display:block;width:180px;margin-top:10px;overflow:hidden;border:1px solid var(--line);border-radius:10px}.blog-image-preview img{display:block;width:100%;height:100px;object-fit:cover}.table-thumb{display:block;width:72px;height:45px;border:1px solid var(--line);border-radius:6px;object-fit:cover}.blog-admin-page .settings-card{max-width:980px}.blog-description p{margin:0 0 1em}.blog-description p:last-child{margin-bottom:0}.blog-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.6fr) minmax(150px,.6fr) auto auto;align-items:center;gap:9px;margin:25px 0 42px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}.blog-filters input,.blog-filters select{width:100%;min-height:40px;border:1px solid var(--line-strong);border-radius:8px;background:rgba(3,10,20,.42);color:#fff;padding:10px 11px;outline:none;font-size:12px}.blog-filters input:focus,.blog-filters select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(101,232,255,.1)}.blog-filters option{background:#0a1a2d;color:#fff}.blog-filters .button,.blog-filters .outline-button{min-height:40px;white-space:nowrap}.blog-admin-page .wysiwyg-editor{min-height:320px}.blog-section-head{scroll-margin-top:100px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Article and custom page detail */
.article-detail{max-width:900px;padding-top:68px;padding-bottom:110px}
.back{display:inline-flex;align-items:center;gap:6px;margin-bottom:40px;color:var(--cyan);font-size:13px;font-weight:700}
.back{transition:transform .2s ease,color .2s ease}.back:hover{color:var(--lime);transform:translateX(-4px)}
.article-detail h1{max-width:900px;margin:0 0 18px;color:#fff;font:600 clamp(40px,6vw,72px)/1.02 'Space Grotesk';letter-spacing:-3.5px;text-wrap:balance}
.detail-image{display:block;width:100%;max-height:540px;margin:30px 0;border:1px solid var(--line);border-radius:18px;object-fit:cover;box-shadow:var(--shadow)}
.article-content{color:#c6d3e4;font-size:18px;line-height:1.85}
.article-content p{margin:0 0 1.25em}
.article-content h2,.article-content h3{margin:1.8em 0 .55em;color:#fff;font-family:'Space Grotesk';line-height:1.2}
.article-content a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(101,232,255,.4);text-underline-offset:3px}
.article-content blockquote{margin:1.5em 0;padding:14px 20px;border-left:3px solid var(--lime);border-radius:0 10px 10px 0;background:rgba(200,241,105,.06);color:#e4f5bf}
.source-link{display:inline-flex;margin-top:26px;font-size:13px}
.page-detail .article-content{max-width:780px}

/* Forms, authentication, and admin compatibility */
.auth-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:58px 20px}
.auth-card,.panel,.stats>div{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(16,35,59,.88),rgba(9,22,38,.93));box-shadow:0 14px 40px rgba(0,0,0,.14)}
.auth-card{width:min(450px,100%);padding:34px}
.auth-card h1{margin:0 0 25px;color:#fff;font:600 32px 'Space Grotesk'}
.auth-card h2{margin:0 0 20px;color:#fff;font:600 21px 'Space Grotesk'}
.auth-card form,.settings-card form{display:grid;gap:17px}
.auth-card label,.settings-card label{display:grid;gap:7px;color:var(--soft);font-size:12px;font-weight:600}
.auth-card input,.settings-card input,.settings-card textarea,.feed-country-form input,.article-limit-control input{width:100%;border:1px solid var(--line-strong);border-radius:9px;background:rgba(3,10,20,.42);color:#fff;padding:12px 13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.auth-card input::placeholder,.settings-card input::placeholder,.settings-card textarea::placeholder,.feed-country-form input::placeholder{color:#7186a0}.auth-card input:focus,.settings-card input:focus,.settings-card textarea:focus,.feed-country-form input:focus,.article-limit-control input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(101,232,255,.1)}
.settings-card textarea{resize:vertical;min-height:110px;font:12px/1.55 monospace}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.editor-heading h2{margin:0}.editor-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(200,241,105,.25);border-radius:999px;color:var(--lime);font-size:10px;font-weight:700;white-space:nowrap}.editor-status .status-dot{width:6px;height:6px;animation:none}.wysiwyg-wrap{display:grid;gap:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:11px;background:rgba(3,10,20,.42)}.wysiwyg-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:9px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035)}.wysiwyg-button,.wysiwyg-select{min-height:31px;padding:5px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--soft);font-size:11px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.wysiwyg-button:hover,.wysiwyg-button:focus-visible,.wysiwyg-select:hover,.wysiwyg-select:focus-visible{border-color:rgba(101,232,255,.35);background:rgba(101,232,255,.1);color:#fff;outline:none}.wysiwyg-button:active{transform:scale(.96)}.wysiwyg-select{border-color:var(--line);background:rgba(255,255,255,.035)}.wysiwyg-select option{background:#0a1a2d;color:#fff}.wysiwyg-divider{width:1px;height:20px;background:var(--line-strong);margin:0 3px}.wysiwyg-editor{min-height:290px;padding:18px 19px;outline:none;color:#fff;font-size:14px;line-height:1.75}.wysiwyg-editor:empty:before{content:'Mulai menulis isi halaman di sini...';color:#7186a0;pointer-events:none}.wysiwyg-editor p{margin:0 0 1em}.wysiwyg-editor h2,.wysiwyg-editor h3{margin:1.1em 0 .45em;color:#fff;font-family:'Space Grotesk';line-height:1.2}.wysiwyg-editor blockquote{margin:1em 0;padding:10px 14px;border-left:3px solid var(--lime);background:rgba(200,241,105,.06);color:#dcefb4}.wysiwyg-editor a{color:var(--cyan);text-decoration:underline}.wysiwyg-editor ul,.wysiwyg-editor ol{padding-left:25px}.wysiwyg-editor img{display:block;max-width:100%;height:auto;margin:18px 0;border:1px solid var(--line);border-radius:10px}.wysiwyg-editor pre{overflow:auto;margin:18px 0;padding:15px;border:1px solid rgba(101,232,255,.2);border-radius:10px;background:#07111e;color:#d7f6ff;font:13px/1.65 'JetBrains Mono',Consolas,monospace;white-space:pre-wrap}.wysiwyg-editor code{padding:2px 5px;border-radius:4px;background:rgba(101,232,255,.1);color:var(--cyan);font:13px 'JetBrains Mono',Consolas,monospace}.wysiwyg-source{display:none;width:100%;min-height:290px;resize:vertical;border:0;margin:0;padding:18px 19px;background:rgba(3,10,20,.42);color:#d7f6ff;outline:none;font:13px/1.65 'JetBrains Mono',Consolas,monospace;white-space:pre-wrap}.wysiwyg-wrap.source-mode .wysiwyg-source{display:block}.wysiwyg-wrap.source-mode .wysiwyg-editor{display:none}.wysiwyg-hint{display:block;margin-top:7px}.editor-heading+.wysiwyg-label{margin-top:0}
.settings-card hr{width:100%;border:0;border-top:1px solid var(--line);margin:4px 0}.settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:8px}.settings-card-heading h2{margin:0}.logo-preview,.logo-preview-fallback{display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;border:1px solid rgba(101,232,255,.38);border-radius:15px;background:rgba(255,255,255,.92);object-fit:contain;box-shadow:0 0 24px rgba(101,232,255,.14)}.logo-preview-fallback{background:linear-gradient(135deg,var(--lime),#8ee5bd);color:#0a1726;font:700 28px 'Space Grotesk'}.logo-settings-card input[type=file]{padding:9px;font-size:11px}.logo-settings-card input[type=file]::file-selector-button{margin-right:10px;padding:7px 10px;border:1px solid rgba(101,232,255,.35);border-radius:7px;background:rgba(101,232,255,.1);color:var(--soft);font-size:11px;cursor:pointer}
.settings-card .muted{font-size:11px;font-weight:400}
.admin-page{padding-top:58px;padding-bottom:100px}.admin-page> .panel,.admin-page> .settings-grid{margin-bottom:20px}.admin-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.admin-top h1{margin-bottom:10px}.admin-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.admin-actions .button,.admin-actions .outline-button{white-space:nowrap}
.logout-link{color:#ff9fac;font-size:12px;font-weight:700}
.logout-link:hover{color:#fff}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.stats>div{padding:21px}
.stats span{display:block;margin-bottom:12px;color:var(--muted);font-size:12px}
.stats strong{color:#fff;font:600 34px 'Space Grotesk'}.stats small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:'';position:absolute;top:0;right:0;width:95px;height:95px;border-radius:50%;background:rgba(101,232,255,.08);transform:translate(35%,-35%)}.stat-card-primary{border-color:rgba(101,232,255,.35)!important}.stat-card-primary strong{color:var(--cyan)!important}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:20px;margin-bottom:20px}.analytics-panel{margin-bottom:20px}.analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.analytics-head h2{margin-bottom:5px}.analytics-range{display:grid;gap:6px;min-width:120px;color:var(--muted);font-size:11px;font-weight:700}.analytics-range select{border:1px solid var(--line-strong);border-radius:8px;background:rgba(255,255,255,.06);color:var(--soft);padding:9px 10px;font-size:12px;cursor:pointer}.analytics-range option{background:#0a1a2d;color:#fff}.analytics-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.analytics-summary>div{padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:rgba(101,232,255,.045)}.analytics-summary span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px}.analytics-summary strong{color:var(--cyan);font:600 24px 'Space Grotesk'}.chart-shell{position:relative;overflow:hidden;min-height:280px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(101,232,255,.04),transparent 70%)}.chart-shell.is-empty{display:none}.chart-shell svg{display:block;width:100%;height:auto;min-height:260px;padding:12px}.chart-axis{stroke:var(--line-strong);stroke-width:1}.chart-grid-lines line{stroke:var(--line);stroke-width:1;stroke-dasharray:4 7}.chart-area{fill:url(#visit-area-gradient);fill:rgba(101,232,255,.1)}.chart-line{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(101,232,255,.35))}.chart-point{fill:var(--paper);stroke:var(--cyan);stroke-width:2;cursor:pointer;transition:r .18s ease,fill .18s ease}.chart-point:hover,.chart-point:focus{r:7;fill:var(--cyan);outline:none}.chart-labels text{fill:var(--muted);font:10px 'DM Sans'}.chart-tooltip{position:absolute;z-index:3;pointer-events:none;opacity:0;padding:7px 9px;border:1px solid rgba(101,232,255,.42);border-radius:7px;background:rgba(6,16,29,.94);color:#fff;font-size:10px;white-space:nowrap;transform:translateX(-50%);transition:opacity .15s ease}.chart-tooltip.is-visible{opacity:1}.chart-empty{margin:0;padding:20px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:12px;text-align:center}.quick-actions-panel,.feed-overview-panel,.recent-articles-panel{min-width:0}.quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-action{position:relative;display:flex;align-items:center;gap:12px;min-height:82px;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.quick-action:hover{transform:translateY(-3px);border-color:rgba(101,232,255,.4);background:rgba(101,232,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.16)}.quick-action-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(101,232,255,.35);border-radius:9px;background:rgba(101,232,255,.1);color:var(--cyan);font-size:18px}.quick-action span:nth-child(2){display:grid;gap:3px;min-width:0}.quick-action strong{color:#fff;font-size:12px}.quick-action small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.quick-action b{margin-left:auto;color:var(--cyan);font-size:17px;transition:transform .2s ease}.quick-action:hover b{transform:translateX(4px)}.feed-overview-list{display:grid;gap:0}.feed-overview-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.feed-overview-row:last-child{border-bottom:0}.feed-overview-row>span:nth-child(2){display:grid;min-width:0;gap:2px}.feed-overview-row strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.feed-overview-row small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.feed-status-label{margin-left:auto;color:var(--lime);font-size:10px;font-weight:700}.feed-more-label{margin:10px 0 0;font-size:11px}.recent-articles-panel{margin-bottom:20px}.recent-article-list{display:grid}.recent-article-row{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);transition:padding .2s ease,color .2s ease}.recent-article-row:last-child{border-bottom:0}.recent-article-row:hover{padding-left:7px;color:var(--cyan)}.recent-index{color:var(--muted);font:600 13px 'Space Grotesk'}.recent-article-copy{display:grid;min-width:0;gap:3px}.recent-article-copy strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.recent-article-copy small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.recent-arrow{color:var(--cyan);font-size:17px}
.panel{padding:22px}
.panel h2{margin:0;color:#fff;font:600 20px 'Space Grotesk'}
.feed-list{display:grid;gap:0}
.feed-list>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.feed-list>div:last-child{border:0}
.feed-list small{max-width:55%;margin-left:auto;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}
.feed-manager{display:grid;gap:16px}
.feed-toolbar{position:sticky;top:77px;z-index:8;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(11,25,43,.94);box-shadow:0 12px 28px rgba(0,0,0,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.feed-toolbar .muted{margin-right:auto}
.article-limit-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}
.article-limit-control input{width:72px;padding:8px;font-size:12px}
.select-all-label{display:flex!important;align-items:center;gap:7px;font-size:12px!important}
.feed-checkbox{display:flex!important;align-items:center;gap:8px}
.feed-checkbox input,.select-all-label input{width:16px;height:16px;accent-color:var(--cyan)}
.feed-continent-title{grid-column:1/-1;margin:18px 0 2px;padding:10px 14px;border-left:3px solid var(--cyan);border-radius:0 8px 8px 0;background:rgba(101,232,255,.07);color:#fff;font:600 14px 'Space Grotesk';letter-spacing:.05em}
.feed-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.feed-row>strong{color:#fff}
.feed-row small{max-width:40%;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}
.feed-country-form{display:flex!important;align-items:end;gap:8px;margin-left:auto;font-size:11px!important;color:var(--muted)!important}
.feed-country-form label{display:grid;gap:4px;font-size:11px;color:var(--muted)}
.feed-country-form input{width:145px;padding:8px;font-size:12px}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(200,241,105,.7);animation:status-pulse 2.4s ease-in-out infinite}.ripple{position:absolute;z-index:0;display:block;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.34);transform:scale(0);animation:ripple-pop .55s ease-out forwards}.button>*,.outline-button>*,.filter-chip>*,.small-button>*,.approve-button>*,.theme-toggle>*{position:relative;z-index:1}@keyframes ripple-pop{to{opacity:0;transform:scale(1)}}@keyframes menu-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes status-pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,241,105,.35),0 0 12px rgba(200,241,105,.7)}50%{box-shadow:0 0 0 6px rgba(200,241,105,0),0 0 18px rgba(200,241,105,.9)}}
.table-wrap{overflow:auto;padding:0}
table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;color:var(--soft)}
th,td{padding:16px 19px;border-bottom:1px solid var(--line);vertical-align:middle}
th{color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase}tbody tr{transition:background .2s ease}tbody tr:hover{background:rgba(101,232,255,.045)}td strong,td small{display:block}td small{margin-top:5px;color:var(--muted)}
.badge{padding:5px 8px;border-radius:6px;background:rgba(200,241,105,.13);color:#dff6a4;font-size:10px}
.badge.draft{background:rgba(255,131,199,.12);color:#ffafd9}
.small-button{border:1px solid var(--line-strong);border-radius:7px;background:rgba(255,255,255,.035);color:var(--soft);padding:7px 10px;cursor:pointer;font-size:11px}
.small-button:hover{border-color:var(--cyan);color:#fff}
.moderation-summary{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:15px 19px;border:1px solid rgba(255,191,92,.3);border-radius:12px;background:rgba(255,191,92,.08)}
.moderation-summary strong{color:#ffd99b;font:600 28px 'Space Grotesk'}
.moderation-summary span{color:#f5dcae;font-size:12px}
.moderation-panel{padding:0;overflow:hidden}
.filter-form{display:flex;align-items:end;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}
.filter-form label{display:grid;gap:6px;color:var(--soft);font-size:12px;font-weight:600}
.filter-form select,.inline-moderate select{border:1px solid var(--line-strong);border-radius:8px;background:#0a1a2d;color:#fff;padding:9px;font-size:12px}.filter-form option,.inline-moderate option{background:#0a1a2d;color:#fff}
.reset-link{padding:10px 0;color:var(--muted);font-size:12px}
.approve-button{border:1px solid rgba(101,232,255,.35);border-radius:7px;background:rgba(101,232,255,.12);color:var(--cyan);padding:8px 11px;cursor:pointer;font-size:11px;font-weight:700}
.approve-button:hover{background:var(--cyan);color:#06101d}
.inline-moderate{display:contents}
.moderation-actions{display:grid;gap:7px;min-width:145px}.moderation-actions select{width:100%}

/* AdSense and footer */
.adsense-slot{display:flex;justify-content:center;align-items:center;min-height:0;padding:10px 18px;background:rgba(6,16,29,.82)}
.adsense-global ins{max-width:100%}
.adsense-card textarea{width:100%;resize:vertical;border:1px solid var(--line-strong);border-radius:9px;background:rgba(3,10,20,.42);color:#fff;padding:11px;font:12px/1.5 monospace}
.footer-pages{display:grid;gap:8px;min-width:150px}.footer-pages a{display:block}.footer-pages a:hover{color:var(--lime)}
footer{border-top:1px solid var(--line);background:rgba(3,10,20,.8);color:var(--muted)}
.footer-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}
.footer-inner strong{color:#fff;font:600 20px 'Space Grotesk'}

@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:45px}.hero-orbit{width:min(300px,78vw);justify-self:center}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-featured{grid-column:span 2}.settings-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:420px){.theme-toggle{padding:6px 8px}.theme-toggle .theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.theme-toggle{min-width:32px;justify-content:center}}
@media(max-width:760px){.container{padding-left:19px;padding-right:19px}.nav{align-items:flex-start;gap:12px;padding-top:15px;padding-bottom:15px}.nav nav{gap:3px}.quick-action-grid{grid-template-columns:1fr}.quick-action{min-height:70px}.recent-article-row{grid-template-columns:28px minmax(0,1fr) 18px}.recent-article-copy strong{font-size:12px}.admin-nav-label{font-size:8px;padding:0 6px}.admin-nav-link{padding:8px 7px!important;font-size:12px}.nav nav>a{padding:8px 7px;font-size:12px}.nav.public-nav>a:nth-child(2),.nav.public-nav>a:nth-child(3),.nav.public-nav>a:nth-child(4){display:none}.nav-country-trigger{padding:8px 7px;font-size:12px}.language-switcher{margin-left:2px}.nav-country-menu{top:68px;right:18px;max-height:calc(100vh - 84px)}.hero-grid{min-height:0;padding-top:66px;padding-bottom:68px}.hero h1{letter-spacing:-2.8px}.hero-copy{font-size:16px}.content-section{padding-top:55px;padding-bottom:75px}.section-head{align-items:flex-start;flex-direction:column;gap:9px}.section-head .muted{white-space:normal}.article-grid{grid-template-columns:1fr}.card-featured{grid-column:span 1;display:block}.card-featured .card-image{min-height:235px}.card-featured .card-image-media{min-height:235px}.article-detail{padding-top:48px;padding-bottom:80px}.article-detail h1{letter-spacing:-2px}.article-content{font-size:16px;line-height:1.75}.blog-page{padding-top:38px}.blog-hero h1{letter-spacing:-2px}.blog-description{font-size:16px}.blog-filters{grid-template-columns:1fr}.blog-filters .button,.blog-filters .outline-button{width:100%}.admin-page{padding-top:42px}.admin-top{align-items:flex-start;flex-direction:column;gap:18px}.admin-actions{width:100%}.analytics-head{align-items:stretch;flex-direction:column}.analytics-range{width:100%}.analytics-range select{width:100%}.editor-heading{align-items:flex-start;flex-direction:column;gap:10px}.wysiwyg-toolbar{gap:3px}.wysiwyg-editor{min-height:240px;padding:15px}.analytics-summary{grid-template-columns:1fr}.chart-shell{min-height:230px}.chart-shell svg{min-height:210px}.feed-toolbar{align-items:stretch;flex-direction:column}.feed-toolbar .muted{margin-right:0}.feed-toolbar .button,.feed-toolbar .outline-button{width:100%}.feed-toolbar{position:static}.feed-list small,.feed-row small{max-width:100%;width:100%;margin-left:26px}.feed-country-form{width:100%;margin-left:26px}.feed-country-form input{flex:1;width:auto}.filter-form{align-items:stretch;flex-direction:column}.filter-form select{width:100%}.moderation-summary{align-items:flex-start;flex-direction:column;gap:2px}.table-wrap{margin:0 -22px}.table-wrap table{min-width:640px}.footer-inner{align-items:flex-start;flex-direction:column;padding-top:30px;padding-bottom:30px}.footer-pages{min-width:0}.settings-card-heading{align-items:flex-start}.logo-preview,.logo-preview-fallback{flex-basis:56px;width:56px;height:56px}.blog-post-cover img{max-height:360px}.blog-post-lead{font-size:18px}.table-thumb{width:62px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.button,.outline-button,.filter-chip,.read-more,.back,.pagination a,.language-switcher a,.theme-toggle,.nav-country-trigger,.auth-card input,.settings-card input,.settings-card textarea{transition:none}.ripple,.status-dot,.nav-country-menu{animation:none!important}.card:before{display:none}}

/* Friendlier layout */
.hero-soft{padding:54px 0 18px}
.hero-soft h1{max-width:16ch;font-size:clamp(34px,5vw,58px);letter-spacing:-1.6px;line-height:1.05}
.hero-note{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:180px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.hero-note strong{font-family:'Space Grotesk',sans-serif;font-size:56px;line-height:1}
.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}
.filter-chip{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--soft)}
.filter-chip.active,.filter-chip:hover{border-color:var(--lime);color:var(--ink)}
.story-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px}
.story-card .card-image{display:block;min-height:190px;background:var(--surface-2)}
.story-card .card-image-media{width:100%;height:190px;object-fit:cover}
.story-meta{margin:0 0 8px;color:var(--muted);font-size:13px}
.story-card h3{margin:0 0 8px;font-size:22px;letter-spacing:-.4px;line-height:1.25}
.story-card p{margin:0 0 14px;color:var(--soft)}
.read-more{color:var(--cyan);font-weight:600}
.admin-split,.quota-list,.feed-edit-grid{display:grid;gap:14px}
.admin-split{grid-template-columns:1.2fr .8fr;margin-bottom:18px}
.quota-row,.feed-row,.feed-edit{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.quota-row{justify-content:space-between;align-items:center}
.feed-row small,.feed-edit small{display:block;color:var(--muted)}
.feed-country{margin:18px 0 6px;font-size:16px}
.feed-edit-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.feed-edit{flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface)}
.feed-edit input[type="text"]{width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit}
.button-sync{background:var(--lime);color:#10200a}
.notice{padding:12px 14px;border-radius:14px}
.notice-ok{background:rgba(200,241,105,.15)}
.notice-bad{background:rgba(255,131,199,.15)}
.admin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.admin-actions form{margin:0}
.public-nav,.admin-nav{flex-wrap:wrap;row-gap:8px}
.article-detail{max-width:820px}
.article-content{font-size:18px;line-height:1.75}
@media(max-width:800px){.admin-split{grid-template-columns:1fr}.hero-note{min-height:0}}

.sync-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(6,16,29,.55)}
.sync-card{width:min(360px,92vw);padding:24px;border-radius:20px;background:var(--surface);text-align:center}
.sync-spinner{display:inline-block;width:28px;height:28px;margin-bottom:10px;border:3px solid var(--line);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.toast-success{position:fixed;right:18px;bottom:18px;z-index:90;max-width:360px;padding:14px 16px;border-radius:16px;background:#17321f;color:#e9ffe8;opacity:0;transform:translateY(8px);transition:.25s}
.toast-success.is-visible{opacity:1;transform:none}
.briefing{display:grid;gap:12px;margin-top:18px}
.briefing article{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}

body.admin-body .admin-nav{display:none}
.admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 76px)}
.admin-sidebar{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;gap:4px;padding:22px 14px;border-right:1px solid var(--line);background:var(--surface)}
.admin-sidebar a{padding:10px 12px;border-radius:12px;color:var(--soft)}
.admin-sidebar a.active,.admin-sidebar a:hover{background:var(--surface-2);color:var(--ink)}
.admin-content{min-width:0;padding-bottom:40px}
.admin-page{padding-top:28px}
.briefing-wrap{padding-top:8px}
.briefing-panel{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.briefing-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.briefing-columns ul{margin:8px 0 0;padding-left:18px;color:var(--soft)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.story-card .card-image-media,.blog-post-grid .card-image-media{height:180px;width:100%;object-fit:cover;display:block}
.hero-soft{padding:36px 0 8px}
.hero-note{min-height:0}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.article-grid{grid-template-columns:1fr}}

.admin-body .admin-nav{display:none}

/* Orange futuristic minimal */
html, html[data-theme="light"]{
  --ink:#fff7f2;--muted:#e7b89a;--soft:#ffd7c2;--line:rgba(255,122,26,.22);--line-strong:rgba(255,122,26,.45);
  --paper:#140b07;--surface:#1c100b;--surface-2:#2a160f;--lime:#ff7a1a;--cyan:#ffb067;--blue:#ff7a1a;--pink:#ff9a4a;
  --dark:#1a0d08;--shadow:0 18px 40px rgba(0,0,0,.28)
}
html[data-theme="light"]{--ink:#2a140c;--muted:#8a5340;--soft:#6a3b2c;--paper:#fff8f4;--surface:#fff;--surface-2:#fff1e8;--dark:#2a140c}
body{background:radial-gradient(circle at 90% 0,rgba(255,122,26,.16),transparent 22rem),var(--paper);letter-spacing:0}
body:before{opacity:.08}
.brand,.hero h1,.section-head h2,h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em}
.hero-copy,.story-card p,.article-content,.muted,p{max-width:68ch;line-height:1.6}
.story-card p,.card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.button,.button-sync{background:#ff7a1a;color:#1a0d08;border:0;border-radius:999px}
.outline-button,.filter-chip{border-color:rgba(255,122,26,.45);border-radius:999px}
.filter-chip.active{background:#ff7a1a;color:#1a0d08}
.card,.panel,.briefing-panel,.hero-note{border:1px solid rgba(255,122,26,.2);border-radius:18px;background:rgba(28,16,11,.88)}
.clean-table{width:100%;border-collapse:collapse}
.clean-table th,.clean-table td{padding:12px 10px;border-bottom:1px solid rgba(255,122,26,.16);text-align:left;vertical-align:top}
.clean-table small{display:block;max-width:420px;color:var(--muted);word-break:break-all}
.quota-inline{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.quota-inline span{padding:6px 10px;border:1px solid rgba(255,122,26,.3);border-radius:999px;font-size:13px}
.admin-sidebar a.active{background:#ff7a1a;color:#1a0d08}
.article-detail h1{max-width:18ch;line-height:1.1}

/* Futuristic motion, GPU-friendly */
.hero h1,.hero-note,.briefing-panel,.story-card,.stat-card,.panel{animation:rise .55s ease both}
.story-card:nth-child(2),.stat-card:nth-child(2){animation-delay:.05s}
.story-card:nth-child(3),.stat-card:nth-child(3){animation-delay:.1s}
.story-card,.filter-chip,.button,.admin-sidebar a{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.story-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(255,122,26,.16)}
.button:hover,.filter-chip:hover{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(255,122,26,.15)}
.brand-mark,.hero-note strong{animation:pulse 2.8s ease-in-out infinite}
.site-header{box-shadow:0 1px 0 rgba(255,122,26,.25)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#ff7a1a,transparent);animation:scan 4.5s linear infinite}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pulse{50%{filter:drop-shadow(0 0 10px rgba(255,122,26,.45))}}
@keyframes scan{from{transform:translateX(-30%)}to{transform:translateX(30%)}}
@media(prefers-reduced-motion:reduce){
  .hero h1,.hero-note,.briefing-panel,.story-card,.stat-card,.panel,.brand-mark,.hero-note strong,.site-header:after{animation:none}
  .story-card:hover,.button:hover,.filter-chip:hover{transform:none}
}

/* Frame-style readable frontend */
html, html[data-theme="light"]{
  --ink:#1c140f;--muted:#6d584c;--soft:#3d2c24;--paper:#f7f4f1;--surface:#fff;--surface-2:#fff;--dark:#1c140f;
  --line:rgba(40,24,12,.1);--lime:#e36a12;--cyan:#e36a12
}
body.public-body{background:#f7f4f1;color:#1c140f}
.public-body .site-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(40,24,12,.08)}
.public-body .brand,.public-body .public-nav a,.public-body .nav-country-trigger,.public-body .theme-label{color:#1c140f}
.public-body .public-nav a.active,.public-body .nav-blog-link{color:#e36a12}
.public-body .hero h1,.public-body .section-head h2,.public-body .news-copy h3,.public-body .news-copy p,.public-body .briefing-panel,.public-body .briefing-panel h2,.public-body .briefing-panel li{color:#1c140f}
.public-body .hero-note,.public-body .briefing-panel,.public-body .news-card{background:#fff;color:#1c140f;box-shadow:0 10px 30px rgba(40,24,12,.05)}
.public-body .hero-note strong{color:#1c140f;animation:none;filter:none}
.news-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:start}
.news-lead{grid-row:span 4}
.news-card{display:block;overflow:hidden;border:1px solid rgba(40,24,12,.08);border-radius:16px;background:#fff}
.news-media{display:block}
.news-media img{display:block;width:100%;height:210px;object-fit:cover}
.news-lead .news-media img{height:360px}
.news-copy{display:block;padding:16px 18px 18px}
.news-copy h3{margin:6px 0 8px;font-size:22px;line-height:1.3;letter-spacing:-.03em}
.news-lead .news-copy h3{font-size:34px;line-height:1.15}
.news-copy p{margin:0 0 10px;color:#4d3b32;font-size:15px;line-height:1.6;display:block;overflow:visible;-webkit-line-clamp:unset}
.news-kicker,.news-copy time{margin:0;color:#8a6b58;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.story-card .card-body,.card-body{display:block}
.public-body .site-header:after{display:none}
@media(max-width:900px){.news-layout{grid-template-columns:1fr}.news-lead{grid-row:auto}.news-lead .news-media img{height:220px}.news-lead .news-copy h3{font-size:26px}}

/* Contrast and grid lock */
.public-body, .public-body main, .public-body p, .public-body li, .public-body h1, .public-body h2, .public-body h3, .public-body h3 a, .public-body time, .public-body .muted, .public-body .news-kicker {
  color: #1c140f;
}
.public-body .hero-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr); gap: 28px; align-items: end; }
.public-body .news-layout { display: grid !important; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr); gap: 20px; align-items: start; }
.public-body .news-card, .public-body .news-copy, .public-body .news-copy h3, .public-body .news-copy p { min-width: 0; width: auto; max-width: none; white-space: normal; word-break: normal; overflow-wrap: break-word; }
.public-body .news-copy h3 a { color: #1c140f !important; display: block; line-height: 1.28; }
.public-body .news-copy p { color: #3f312b !important; display: block !important; -webkit-line-clamp: unset !important; }
.public-body .briefing-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.public-body .briefing-panel, .public-body .briefing-panel h2, .public-body .briefing-panel h3, .public-body .briefing-panel li, .public-body .hero-note, .public-body .hero-note strong, .public-body .hero-note span { color: #1c140f !important; background: #fff; }
.public-body .filter-chip { color: #1c140f; background: #fff; }
.public-body .filter-chip.active { color: #fff; background: #e36a12; }
.admin-body .admin-content, .admin-body .clean-table, .admin-body .clean-table td, .admin-body .clean-table th, .admin-body h1, .admin-body p { color: #fff7f2; }
.admin-body .clean-table small, .admin-body .muted { color: #ffd7c2; }
@media (max-width: 900px) {
  .public-body .hero-grid, .public-body .news-layout { grid-template-columns: 1fr !important; }
}

/* Fill empty grid, readable admin, real dark mode */
.language-switcher { display: none !important; }
.public-body .news-layout { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px; }
.public-body .news-lead { grid-row: auto; grid-column: auto; }
.public-body .news-card { height: 100%; }
.public-body .news-media img, .public-body .news-lead .news-media img { height: 190px; }
html[data-theme="light"] body.admin-body { background: #f7f4f1; color: #1c140f; }
html[data-theme="light"] .admin-body .admin-content,
html[data-theme="light"] .admin-body .admin-content h1,
html[data-theme="light"] .admin-body .admin-content h2,
html[data-theme="light"] .admin-body .admin-content p,
html[data-theme="light"] .admin-body .admin-content td,
html[data-theme="light"] .admin-body .admin-content th,
html[data-theme="light"] .admin-body .admin-content small,
html[data-theme="light"] .admin-body .muted { color: #1c140f !important; }
html[data-theme="light"] .admin-body .panel,
html[data-theme="light"] .admin-body .clean-table-wrap { background: #fff !important; }
html[data-theme="dark"] body.public-body,
html[data-theme="dark"] body.admin-body { background: #120c09 !important; color: #fff6ef !important; }
html[data-theme="dark"] .public-body .site-header,
html[data-theme="dark"] .public-body .news-card,
html[data-theme="dark"] .public-body .hero-note,
html[data-theme="dark"] .public-body .briefing-panel,
html[data-theme="dark"] .public-body .filter-chip,
html[data-theme="dark"] .admin-body .admin-sidebar,
html[data-theme="dark"] .admin-body .panel { background: #1c120d !important; color: #fff6ef !important; }
html[data-theme="dark"] .public-body h1,
html[data-theme="dark"] .public-body h2,
html[data-theme="dark"] .public-body h3,
html[data-theme="dark"] .public-body h3 a,
html[data-theme="dark"] .public-body p,
html[data-theme="dark"] .public-body .news-copy p,
html[data-theme="dark"] .public-body .news-kicker,
html[data-theme="dark"] .public-body .brand,
html[data-theme="dark"] .public-body .public-nav a,
html[data-theme="dark"] .admin-body .admin-content,
html[data-theme="dark"] .admin-body .admin-content h1,
html[data-theme="dark"] .admin-body .admin-content p,
html[data-theme="dark"] .admin-body .admin-content td,
html[data-theme="dark"] .admin-body .admin-content th { color: #fff6ef !important; }
@media (max-width: 900px) { .public-body .news-layout { grid-template-columns: 1fr !important; } }

/* Dark mode: white text only, no white text blocks */
html[data-theme="dark"] .public-body .hero-note,
html[data-theme="dark"] .public-body .hero-note strong,
html[data-theme="dark"] .public-body .hero-note span,
html[data-theme="dark"] .public-body .hero-note small,
html[data-theme="dark"] .public-body .briefing-panel,
html[data-theme="dark"] .public-body .briefing-panel h2,
html[data-theme="dark"] .public-body .briefing-panel h3,
html[data-theme="dark"] .public-body .briefing-panel li,
html[data-theme="dark"] .public-body .briefing-panel span {
  background: transparent !important;
  color: #fff !important;
}
html[data-theme="dark"] .public-body .site-header,
html[data-theme="dark"] .public-body .brand,
html[data-theme="dark"] .public-body .public-nav a,
html[data-theme="dark"] .public-body .nav-country-trigger,
html[data-theme="dark"] .public-body .theme-toggle,
html[data-theme="dark"] .public-body .theme-label {
  color: #fff !important;
  background: transparent;
}
html[data-theme="dark"] .public-body .nav-blog-link,
html[data-theme="dark"] .public-body .public-nav a.active {
  color: #ffb067 !important;
}
html[data-theme="light"] .public-body .hero-note strong,
html[data-theme="light"] .public-body .hero-note span,
html[data-theme="light"] .public-body .hero-note small {
  background: transparent !important;
  color: #1c140f !important;
}

/* Clearer, tighter type */
.public-body { font-size: 16px; line-height: 1.65; }
.public-body h1, .public-body h2, .public-body h3 { letter-spacing: -0.03em; line-height: 1.2; text-wrap: balance; }
.public-body .hero-copy, .public-body .news-copy p, .public-body .article-content { max-width: 62ch; line-height: 1.7; }
.public-body .news-copy h3 { font-size: 20px; margin: 8px 0; }
.public-body .news-lead .news-copy h3 { font-size: 32px; }
.public-body .news-kicker, .public-body .news-copy time { letter-spacing: .06em; font-size: 12px; }
html[data-theme="dark"] .public-body .news-copy p,
html[data-theme="dark"] .public-body .hero-copy,
html[data-theme="dark"] .public-body .muted { color: #f3e6dc !important; }
html[data-theme="light"] .public-body .news-copy p,
html[data-theme="light"] .public-body .hero-copy,
html[data-theme="light"] .public-body .muted { color: #3d2c24 !important; }
.public-body .public-nav a, .public-body .nav-country-trigger, .public-body .theme-label { font-size: 14px; font-weight: 600; }
.admin-body .clean-table td, .admin-body .clean-table th { line-height: 1.45; }

/* Tight spacing */
.public-body .nav { min-height: 58px; }
.public-body .hero-grid { min-height: 0 !important; gap: 24px !important; padding-top: 22px !important; padding-bottom: 12px !important; align-items: center; }
.public-body .hero-soft { padding: 8px 0 0; }
.public-body .hero-copy { margin: 12px 0 16px; }
.public-body .hero h1 { font-size: clamp(32px, 4vw, 48px) !important; }
.public-body .content-section { padding-top: 18px; padding-bottom: 36px; }
.public-body .section-head { margin-bottom: 12px; }
.public-body .filter-chips { margin: 0 0 12px; }
.public-body .briefing-wrap { padding-top: 8px; }
.public-body .news-layout { gap: 14px !important; }
.public-body .article-detail { padding-top: 20px; padding-bottom: 36px; }
.admin-body .admin-page { padding-top: 16px; }