*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#0f172a;background:#fff}
a{color:#065f46;text-decoration:none}a:hover{color:#0f766e}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid #e2e8f0}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav a{margin-left:24px;font-size:.9rem;color:#0f172a}.nav a:hover{color:#065f46}
.btn{display:inline-flex;align-items:center;gap:8px;background:#059669;color:#fff;padding:10px 16px;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.btn:hover{background:#047857}
.hero{background:linear-gradient(135deg,#ecfdf5,white 40%)}.hero-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:64px 0}
@media(min-width:900px){.hero-grid{grid-template-columns:1.1fr .9fr}}
.card-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.card-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.card-grid{grid-template-columns:1fr 1fr 1fr}}
.card{display:flex;gap:12px;border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#fff}.card:hover{border-color:#a7f3d0;box-shadow:0 8px 16px rgba(0,0,0,.04)}
.badge{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ecfdf5;color:#065f46;border:1px solid #d1fae5}
.section{padding:48px 0}.section h2{font-size:1.5rem;margin:0 0 8px}
.block{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.table{width:100%;border-collapse:collapse;font-size:.95rem}.table td{padding:8px 16px;border-bottom:1px solid #e5e7eb}.table tr:last-child td{border-bottom:0}
.footer{background:#0f172a;color:#cbd5e1;margin-top:24px}.footer .cols{display:grid;grid-template-columns:1fr;gap:16px;padding:24px 0}@media(min-width:900px){.footer .cols{grid-template-columns:1fr 1fr 1fr}}
.footer a{color:#cbd5e1}.footer a:hover{color:#fff}.small{font-size:.8rem;color:#64748b}img{max-width:100%;height:auto;display:block}
.version{position:fixed;right:8px;bottom:8px;background:#e2e8f0;color:#334155;border-radius:10px;padding:4px 8px;font-size:.75rem}