:root{--n:#0b1f3a;--g:#b8923a;--b:#faf8f3;--t:#1c2733;--m:#5b6673;--l:#e6e1d3}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--t);background:var(--b)}
a{color:var(--n)}.wrap{max-width:860px;margin:0 auto;padding:18px}
.top{background:var(--n);display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;padding:12px 18px}
.logo{text-decoration:none;color:#fff;display:flex;align-items:baseline;gap:8px}.logo b{font:700 28px Georgia,serif;color:var(--g)}.logo span{letter-spacing:.3em;font-size:12px}
nav a{color:#fff;text-decoration:none;margin-right:14px;font-size:14px}
.hero{background:var(--n);color:#fff;padding:34px 18px}.hero h1{font:700 28px/1.2 Georgia,serif;margin:0 0 8px}.hero p{max-width:560px;color:#d5dbe3}
h2{font:700 22px Georgia,serif;color:var(--n)}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.card{display:block;background:#fff;border:1px solid var(--l);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit}
.card .in{padding:12px}.card h3{margin:6px 0;font-size:16px}.cover{height:110px;display:flex;align-items:flex-end;padding:10px;color:#fff;font:700 14px Georgia,serif}
.c-books{background:#0b1f3a}.c-academy{background:#6b4e16}.c-shop{background:#2f4858}
.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:20px;background:var(--l);color:var(--t)}
.btn{display:inline-block;background:var(--g);color:#1a1405;font-weight:700;padding:13px 20px;border-radius:8px;text-decoration:none;border:0;font-size:16px;cursor:pointer;margin:6px 6px 6px 0}
.btn.alt{background:#25d366;color:#052e16}.btn.off{background:var(--l);color:var(--m);cursor:default}
.note{background:#fff7e0;border-left:4px solid var(--g);padding:10px 14px;margin:14px 0;font-size:14px}
.err{background:#fde8e8;border-left:4px solid #c0392b;padding:10px 14px;margin:12px 0}
label{display:block;margin:12px 0 4px;font-weight:600}input,textarea{width:100%;padding:11px;border:1px solid #c9c3b2;border-radius:8px;font:inherit}
.chk{display:flex;gap:8px;align-items:flex-start;font-weight:400}.chk input{width:auto;margin-top:5px}.hp{position:absolute;left:-9999px}
.price{font:700 22px Georgia,serif;color:var(--n)}footer{background:var(--n);color:#c5ccd6;padding:20px 18px;font-size:13px;margin-top:30px}footer a{color:#fff;margin-right:12px}
ol.steps{padding-left:20px}pre.msg{white-space:pre-wrap;background:#fff;border:1px solid var(--l);padding:12px;border-radius:8px;font-size:14px}
nav a:last-child{margin-right:0}html,body{overflow-x:hidden}