body{margin:0;background:#020806;color:#f4f7f5;font:17px/1.65 system-ui,sans-serif}main,nav{max-width:980px;margin:auto;padding:28px 24px}nav{display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid #1d2a25}a{color:#7ee2b8}h1{font-size:clamp(36px,6vw,64px);line-height:1.05;max-width:900px}h2{font-size:28px;margin-top:46px}h3{margin-bottom:8px}.lead{font-size:21px;color:#c9d7d0;max-width:860px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{border:1px solid #24332d;border-radius:16px;padding:22px;background:#07100d}.note{border-left:3px solid #7ee2b8;padding-left:18px;color:#c9d7d0}.meta{color:#94a79e;font-size:14px}.cta{display:inline-block;padding:11px 16px;border:1px solid #7ee2b8;border-radius:10px;text-decoration:none}.score{font-size:42px;font-weight:700}.q{margin:20px 0;padding:18px;border:1px solid #24332d;border-radius:12px;background:#07100d}.q label{display:block;margin:8px 0}.result{margin-top:26px;padding:22px;border:1px solid #7ee2b8;border-radius:14px;display:none}button{background:#7ee2b8;color:#02110b;border:0;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer}footer{margin-top:56px;border-top:1px solid #1d2a25;padding-top:22px;color:#94a79e}