:root{--dark:#0f2f2f;--green:#0f766e;--soft:#f3faf8;--text:#172026}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.65}.top{display:flex;justify-content:space-between;align-items:center;padding:18px 6%;background:var(--dark);color:#fff;position:sticky;top:0;z-index:5}.brand{font-weight:800;color:#fff;text-decoration:none;font-size:24px}.top nav a{color:#fff;margin-left:20px;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:30px 20px}.hero{background:linear-gradient(135deg,var(--dark),var(--green));color:#fff;padding:60px;border-radius:24px;margin:20px 0}.hero h1{font-size:44px;line-height:1.1}.btn,button{background:var(--green);color:#fff;padding:12px 18px;border:0;border-radius:10px;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{border:1px solid #e4e9e8;border-radius:16px;padding:22px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 24px #00000008}.card:hover{transform:translateY(-2px)}.card a{color:var(--dark);text-decoration:none}.cats a{display:inline-block;margin:5px;padding:8px 12px;background:var(--soft);border-radius:20px;color:var(--dark);text-decoration:none}.article{max-width:850px;margin:auto}.article h1{font-size:42px;line-height:1.15}.content h2{margin-top:36px}.content table{width:100%;border-collapse:collapse}.content td,.content th{border:1px solid #ddd;padding:10px}.muted{color:#68737a}.tool,.form,.auth{background:var(--soft);padding:24px;border-radius:18px;margin:20px 0}.tool label,.form label,.auth label{display:block;margin:12px 0}.tool input,.tool select,.form input,.form textarea,.auth input,.search input{width:100%;padding:12px;border:1px solid #d4ddda;border-radius:10px}.search{display:flex;gap:10px;margin:20px 0}.ad{margin:20px auto;text-align:center;min-height:20px}footer{background:#102626;color:#dfe;display:flex;justify-content:space-between;gap:20px;padding:35px 6%;margin-top:40px}footer a{color:#fff}.flash{background:#e9fff7;border:1px solid #9ae6c8;padding:12px;border-radius:10px}@media(max-width:700px){.top,footer{display:block}.top nav a{display:inline-block;margin:10px 12px 0 0}.hero{padding:30px}.hero h1,.article h1{font-size:32px}}