:root{--green:#0b3d2e;--green2:#125a43;--gold:#d7a72f;--cream:#f7f3e8;--ink:#173e34;--muted:#405b53;--line:#d6ddd9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}a{color:inherit}.wrap{width:min(1120px,90%);margin:auto}.topbar{background:var(--green);color:#fff;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15)}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:900;letter-spacing:.08em;text-decoration:none;font-size:1.1rem}.back{color:#fff;text-decoration:none;font-weight:700}.hero{background:linear-gradient(145deg,var(--green),var(--green2));color:#fff;padding:72px 0 64px}.kicker{color:#f0c24c;font-weight:900;letter-spacing:.1em;font-size:.9rem;text-transform:uppercase}.hero h1{margin:.5rem 0 1rem;font-size:clamp(2.6rem,6vw,5rem);line-height:1.03;max-width:900px}.hero p{font-size:1.2rem;max-width:780px;color:#e8f1ed}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-block;text-decoration:none;border-radius:14px;padding:14px 20px;font-weight:900;border:2px solid transparent}.btn.primary{background:var(--gold);color:#143b31}.btn.ghost{border-color:#b6d2c7;color:#fff}.btn.dark{border-color:var(--green);color:var(--green);background:#fff}.section{padding:64px 0}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin:0 0 12px}.lead{max-width:800px;color:var(--muted);font-size:1.1rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 10px 28px rgba(18,57,45,.06)}.card .num{color:var(--gold);font-weight:900;font-size:1.1rem}.card h3{font-size:1.35rem;margin:10px 0}.card p{color:var(--muted)}.card a{font-weight:900;color:var(--green)}.tag{display:inline-block;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#e9f2ee;color:var(--green)}.tag.official{background:#e8f4ef;color:#0c6749}.tag.hilex{background:#fff2c8;color:#6a4d00}.tag.community{background:#f0e9fb;color:#5b2aa6}.tag.security{background:#ffe9e5;color:#8a2e21}.notice{border-radius:20px;padding:22px 24px;margin:28px 0;border:1px solid #e4c76f;background:#fff7d9}.pathway{background:var(--green);color:#fff;border-radius:28px;padding:34px;margin-top:34px}.pathway h3{font-size:2rem;margin-top:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:18px;border-radius:18px}.step b{color:#f0c24c}.resource{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;background:#fff;border:1px solid var(--line);padding:22px;border-radius:20px;margin:14px 0}.resource>div{max-width:780px}.resource h3{margin:7px 0}.resource p{color:var(--muted);margin:.35rem 0}.lesson-hero{padding:54px 0;background:var(--green);color:#fff}.lesson-hero h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.05;margin:.5rem 0 1rem}.lesson{padding:52px 0}.lesson article{max-width:860px}.lesson h2{margin-top:38px;font-size:1.9rem}.lesson p,.lesson li{font-size:1.06rem}.keybox{background:#fff;border-left:6px solid var(--gold);padding:22px;border-radius:16px;margin:25px 0}.safety{background:#fff1ef;border-left-color:#c8513f}.official-box{background:#edf8f3;border-left-color:#16815b}.navrow{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}footer{background:#082f24;color:#dce9e4;padding:36px 0;margin-top:40px}.small{font-size:.92rem;color:#b8c9c2}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar .wrap{align-items:flex-start;flex-direction:column}.hero{padding:52px 0}.hero h1{font-size:2.8rem}.grid,.steps{grid-template-columns:1fr}.section{padding:48px 0}.card{padding:24px}.actions .btn{width:100%;text-align:center}.resource{display:block}.resource .btn{margin-top:15px}}

.backlinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media(max-width:620px){.topbar .wrap{align-items:flex-start}.backlinks{gap:10px 16px;justify-content:flex-start}}