:root{--mint:#00e08a;--mint-dark:#00b870;--night:#0a0f1a;--ink:#141b2d;--paper:#f5f2ed;--cream:#ece8e1;--warm:#a89f94;--text:#3a3530;--muted:#7a726a;--coral:#ff6b4a;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--text);line-height:1.7}a{color:inherit}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(245,242,237,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:800;text-decoration:none;color:var(--ink);font-size:20px;display:flex;align-items:center;gap:9px}.logo-b{width:34px;height:34px;border-radius:11px;background:var(--ink);display:grid;place-items:center;color:white}.logo span{color:var(--mint-dark)}.navlinks{display:flex;align-items:center;gap:22px}.navlinks a{text-decoration:none;font-size:14px;color:var(--muted)}.navlinks .cta{background:var(--ink);color:white;padding:10px 18px;border-radius:99px;font-weight:700}.hero{padding:92px 0 66px}.badge{display:inline-block;background:white;padding:7px 13px;border-radius:99px;font-size:12px;font-weight:800;color:var(--ink);box-shadow:0 5px 20px rgba(0,0,0,.05)}h1,h2,h3{color:var(--ink);line-height:1.12;letter-spacing:-.03em}.hero h1{font-size:clamp(42px,7vw,76px);margin:22px 0 18px;max-width:850px}.hero h1 em{font-weight:400;color:var(--mint-dark)}.hero p{max-width:700px;color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:90px}.card{background:white;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(0,0,0,.05);transition:.25s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(20,27,45,.09)}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--ink),#203050);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.cardbody{padding:24px;display:flex;flex-direction:column;flex:1}.meta{font-size:12px;color:var(--mint-dark);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.card h2{font-size:24px;margin:10px 0}.card p{font-size:15px;color:var(--muted);margin:0 0 18px}.read{margin-top:auto;color:var(--ink);font-weight:800;text-decoration:none}.empty{grid-column:1/-1;background:white;padding:50px;border-radius:var(--radius);text-align:center}.pagination{display:flex;justify-content:center;gap:10px;padding:0 0 90px}.pagination a,.pagination span{padding:10px 15px;border-radius:10px;background:white;text-decoration:none}.pagination .on{background:var(--ink);color:white}.article-wrap{width:min(860px,calc(100% - 34px));margin:auto}.article-head{padding:82px 0 36px;text-align:center}.article-head h1{font-size:clamp(38px,6vw,66px);margin:18px 0}.article-head .lead{font-size:19px;color:var(--muted);max-width:720px;margin:auto}.featured{margin:20px auto 44px;width:min(1050px,calc(100% - 34px));border-radius:28px;overflow:hidden;background:#ddd;max-height:590px}.featured img{width:100%;height:auto;display:block}.content{background:white;border-radius:28px;padding:clamp(26px,6vw,58px);margin-bottom:80px;box-shadow:0 18px 70px rgba(20,27,45,.05)}.content h2{font-size:32px;margin-top:42px}.content h3{font-size:24px;margin-top:34px}.content p,.content li{font-size:17px}.content a{color:#007b55;font-weight:700}.content blockquote{margin:30px 0;padding:20px 24px;border-left:4px solid var(--mint);background:var(--paper);border-radius:0 14px 14px 0}.content img{max-width:100%;height:auto;border-radius:16px}.content pre{overflow:auto;background:var(--ink);color:white;padding:20px;border-radius:14px}.back{display:inline-flex;margin-bottom:22px;text-decoration:none;color:var(--muted);font-weight:700}.footer{background:var(--ink);color:rgba(255,255,255,.7);padding:42px 0;text-align:center}.footer a{color:var(--mint);text-decoration:none}.share{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px;padding-top:25px;border-top:1px solid #eee}.share a{padding:9px 13px;border-radius:99px;background:var(--paper);text-decoration:none;color:var(--ink);font-size:13px}.rss{color:var(--coral)!important}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.navlinks a:not(.cta){display:none}}@media(max-width:560px){.wrap{width:min(100% - 24px,1160px)}.hero{padding:55px 0 42px}.grid{grid-template-columns:1fr;gap:16px}.navin{height:66px}.navlinks .cta{padding:8px 12px}.article-head{padding-top:52px}.content{padding:24px;border-radius:20px}.featured{border-radius:18px}}