@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap');
:root{--bg:#02150c;--panel:#082419;--gold:#ffd64f;--green:#20df72;--text:#fffdf4;--muted:#becbc1;--line:rgba(255,214,79,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(32,223,114,.14),transparent 30%),var(--bg);color:var(--text);font-family:Kanit,system-ui,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{width:min(920px,calc(100% - 36px));margin:auto}
nav{height:74px;border-bottom:1px solid var(--line);background:rgba(1,24,13,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font:800 1.2rem Manrope;color:var(--gold)}.navlinks{display:flex;gap:20px;align-items:center}.line{padding:11px 17px;border-radius:12px;background:linear-gradient(135deg,#31e77c,#08b957);color:#04150b;font-weight:800}
.hero{padding:74px 0 42px}.crumb{color:var(--gold);font-size:.9rem}.hero h1{font-size:clamp(2.35rem,6vw,4.5rem);line-height:1.08;letter-spacing:-.035em;margin:18px 0}.intro{font-size:1.18rem;color:#d8e3da;max-width:760px}.meta{color:#8fa696;font-size:.88rem}
article{background:linear-gradient(145deg,rgba(7,50,29,.72),rgba(3,25,15,.8));border:1px solid var(--line);border-radius:28px;padding:clamp(26px,5vw,56px);box-shadow:0 28px 80px rgba(0,0,0,.25)}article h2{font-size:1.75rem;line-height:1.25;margin:42px 0 12px;color:var(--gold)}article h2:first-child{margin-top:0}article h3{font-size:1.2rem;margin:28px 0 8px}article p,article li{color:#d4ddd6}article ul{padding-left:22px}.note{padding:20px;border-left:3px solid var(--green);background:rgba(32,223,114,.07);border-radius:0 14px 14px 0;margin:28px 0}
.cta{margin:38px 0 0;padding:28px;border-radius:20px;background:linear-gradient(135deg,#0e5834,#092719);display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid rgba(255,214,79,.24)}.cta strong{font-size:1.2rem}.cta .line{white-space:nowrap}.related{padding:64px 0}.related h2{margin:0 0 20px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.related a{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.related a:hover{border-color:var(--green)}footer{border-top:1px solid var(--line);padding:28px 0 90px;color:#829489;font-size:.85rem}.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.footer-links a:hover{color:var(--gold)}
@media(max-width:640px){.navlinks>a:first-child{display:none}.hero{padding-top:50px}.cta{align-items:flex-start;flex-direction:column}.related-grid{grid-template-columns:1fr}article{border-radius:22px}}