:root{--bg:#e8f6ea;--card:#fff;--text:#102a27;--muted:#5b6b66;--accent:#2e7d32;--accent-2:#1b5e20;--border:#cfe8d1;--grad:linear-gradient(135deg,#b9f6ca 0%,#66bb6a 50%,#43a047 100%);--chip:#ebfaf0}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:44px;height:44px;border-radius:14px;background:var(--grad);box-shadow:0 8px 24px rgba(67,160,71,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.brand h1{font-size:20px;margin:0}.nav a{margin-left:12px;text-decoration:none;color:var(--text);border:1px solid transparent;padding:9px 14px;border-radius:12px}.nav a:hover{background:#f2fbf4;border-color:var(--border)}.btn{background:var(--accent);color:#fff;padding:12px 18px;border-radius:14px;border:none;text-decoration:none;display:inline-block;font-weight:600;box-shadow:0 6px 16px rgba(46,125,50,.25)}.btn:hover{background:var(--accent-2)}.btn.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}.badge{display:inline-block;background:var(--chip);color:var(--accent);padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.04)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:14px}.hero .cover{background:var(--grad);min-height:300px;display:flex;align-items:flex-end;justify-content:flex-start;padding:28px;color:#fff;border-radius:22px;box-shadow:0 12px 28px rgba(67,160,71,.3)}.cover h2{font-size:34px;margin:0 0 6px}.cover p{opacity:.95;max-width:560px;margin:0}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}.kpi{border:1px dashed var(--border);border-radius:14px;padding:12px;background:#f6fdf7}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:18px;font-weight:800;margin-top:6px}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.feature{display:flex;gap:12px;align-items:flex-start}.feature .icon{width:36px;height:36px;border-radius:12px;background:#e7f6ea;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1b5e20}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card .price{font-weight:900;font-size:28px;margin:6px 0}.price-card ul{padding-left:18px;color:var(--muted);line-height:1.7;margin:8px 0 0}footer{margin:28px 0 12px;color:var(--muted);font-size:13px;text-align:center}.form{display:grid;gap:12px}.input{display:flex;flex-direction:column;gap:6px}.input input,.input select{padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff}.input label{font-size:13px;color:var(--muted)}.notice{padding:10px 12px;border:1px solid var(--border);background:#f8fef9;border-radius:12px;color:#2e7d32}.loshu-grid{display:flex;flex-direction:column;gap:10px;margin-top:8px}.loshu-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cell{border:1px solid var(--border);border-radius:14px;background:#fff;padding:10px;min-height:84px}.cell.present{color:#2e7d32}.cell.missing{color:#d32f2f}.cell-num{font-weight:700;margin-bottom:8px}.badge.bn{background:#7f3fbf;color:#fff}.badge.dn{background:#ff8c00;color:#fff}.badge.kua{background:#8b4513;color:#fff}@media (max-width:980px){.hero{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}.grid.cols-3{grid-template-columns:1fr}.grid.cols-2{grid-template-columns:1fr}}