/*
Theme Name: CryptoMarket
Author: CryptoMarket
Description: Clean, professional theme for a crypto education and guides website. Built for readability, trust and AdSense-friendly layouts.
Version: 1.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: cryptomarket
*/
:root{--bg:#F5F7FA;--card:#fff;--ink:#0F1D36;--muted:#55627A;--line:#DCE2EC;--blue:#1F4FD8;--blue-ink:#fff;--amber:#E8A317;--soft:#E9EEF9;
--r1:#2E9D6B;--r2:#8DB33A;--r3:#E8A317;--r4:#E2622B;--r5:#C7304A;
--h:"Bricolage Grotesque","Segoe UI",Arial,sans-serif;--b:"Public Sans","Segoe UI",Arial,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#0C1424;--card:#141E33;--ink:#EEF2FA;--muted:#9AA8C3;--line:#243250;--blue:#6C93FF;--blue-ink:#0C1424;--soft:#182543}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--b)}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;left:-9999px}
.w{max-width:1120px;margin:0 auto;padding:0 22px}
header.site{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
.admin-bar header.site{top:32px}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}
.logo{font:800 22px var(--h);letter-spacing:-.02em;display:flex;align-items:center;gap:9px}
.logo i{width:26px;height:26px;border-radius:7px;background:var(--ink);display:grid;place-items:center}
.logo i:after{content:"";width:10px;height:10px;border:3px solid var(--amber);border-radius:50%}
.logo img{max-height:44px;width:auto}
nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-weight:500;font-size:15px;color:var(--muted)}
nav a:hover{color:var(--ink)}
.btn{display:inline-block;background:var(--blue);color:var(--blue-ink);font-weight:600;padding:12px 22px;border-radius:8px;font-size:15px;border:0;cursor:pointer}
.btn.o{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.hero{padding:72px 0 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
h1{font:800 clamp(38px,5.4vw,62px)/1.04 var(--h);letter-spacing:-.03em;margin:0 0 20px}
.lead{font-size:19px;color:var(--muted);max-width:32em;margin:0 0 30px}
.acts{display:flex;gap:12px;flex-wrap:wrap}
.meter{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}
.meter h2{font:700 18px var(--h);margin:0 0 4px}.meter p{margin:0 0 20px;font-size:14px;color:var(--muted)}
.row{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:center;padding:9px 0;font-size:14.5px;font-weight:500}
.bar{height:12px;border-radius:6px;background:var(--soft);overflow:hidden}.bar b{display:block;height:100%;border-radius:6px}
.meter small{display:block;margin-top:14px;color:var(--muted);font-size:12.5px}
section{padding:60px 0}
.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:16px}
h2.t{font:700 clamp(26px,3.4vw,36px)/1.15 var(--h);letter-spacing:-.02em;margin:0}
.more{font-weight:600;color:var(--blue);font-size:15px;white-space:nowrap}
.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tp{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 18px;display:block}
.tp:hover{border-color:var(--blue)}
.tp span{display:block;width:34px;height:5px;border-radius:3px;margin-bottom:16px}
.tp h3{font:700 18px var(--h);margin:0 0 6px}.tp p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
.feat{display:grid;grid-template-columns:1.2fr 1fr;background:#0F1D36;color:#fff;border-radius:18px;overflow:hidden}
.feat .art{background:linear-gradient(135deg,#1F4FD8,#0F1D36) center/cover;min-height:280px;display:flex;align-items:end;padding:28px}
.feat .art b{font:800 64px/1 var(--h);opacity:.9}
.feat .tx{padding:38px}.tag{display:inline-block;font-size:13px;font-weight:600;background:var(--amber);color:#0F1D36;padding:3px 11px;border-radius:20px;margin-bottom:16px}
.feat h3{font:700 28px/1.2 var(--h);margin:0 0 12px;letter-spacing:-.01em}.feat p{margin:0 0 22px;color:#B9C4DB}
.feat .btn{background:#fff;color:#0F1D36}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:block}
.post:hover{border-color:var(--blue)}
.post .im{height:150px}.post .im img{width:100%;height:150px;object-fit:cover;display:block}.post .bd{padding:20px}
.post em{font-style:normal;font-size:13px;font-weight:600;color:var(--blue)}
.post h3{font:700 20px/1.25 var(--h);margin:6px 0 8px}.post p{margin:0 0 12px;font-size:15px;color:var(--muted);line-height:1.5}
.post small{color:var(--muted);font-size:13px}
.how{background:var(--soft);border-radius:20px;padding:48px}
.how .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:30px}
.how h3{font:700 19px var(--h);margin:0 0 8px}.how p{margin:0;color:var(--muted);font-size:15.5px}
.warn,.box{margin-top:26px;padding:16px 20px;border-left:4px solid var(--amber);background:var(--card);border-radius:0 8px 8px 0;font-size:15px}
.blog-head{padding:56px 0 30px}.blog-head h1{font-size:clamp(32px,4.4vw,48px);margin:0}
.empty{color:var(--muted);padding:30px;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1}
.entry-wrap{max-width:760px;margin:0 auto;padding:48px 22px 20px}
.entry-wrap h1{font-size:clamp(32px,4.6vw,48px)}
.meta{color:var(--muted);font-size:14.5px;margin-bottom:28px}
.entry{font-size:18px;line-height:1.75}
.entry h2{font:700 28px/1.2 var(--h);margin:2em 0 .6em;letter-spacing:-.01em}
.entry h3{font:700 22px var(--h);margin:1.6em 0 .5em}
.entry a{color:var(--blue);text-decoration:underline}
.entry img{border-radius:10px}
.entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry th,.entry td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.entry th{background:var(--soft)}
.entry blockquote{margin:1.5em 0;padding:4px 20px;border-left:4px solid var(--blue);color:var(--muted)}
.box{margin:36px 0}
.author{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:30px 0}
.author img{border-radius:50%}.author p{margin:0;font-size:15px;color:var(--muted)}
.navigation.pagination .nav-links{display:flex;gap:10px;justify-content:center;margin:40px 0;flex-wrap:wrap}
.page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:8px}.page-numbers.current{background:var(--blue);color:var(--blue-ink)}
footer.site{border-top:1px solid var(--line);margin-top:30px;padding:44px 0 34px;font-size:15px;color:var(--muted)}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
footer.site h4{font:700 15px var(--h);color:var(--ink);margin:0 0 12px}footer.site li{list-style:none;margin-bottom:8px}footer.site ul{padding:0;margin:0}
footer.site a:hover{color:var(--ink)}.legal{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:13px}
@media(max-width:900px){.hero,.feat{grid-template-columns:1fr}.topics{grid-template-columns:1fr 1fr}.grid,.how .cols,.fg{grid-template-columns:1fr}
.nav{flex-wrap:wrap;padding:12px 0}nav{order:3;width:100%;overflow-x:auto}nav ul{gap:20px;white-space:nowrap}.hdbtn{display:none}.hero{padding-top:44px}.how{padding:30px 22px}}
@media(prefers-reduced-motion:no-preference){.bar b{animation:g 1.2s ease-out both}@keyframes g{from{width:0!important}}}