:root{color-scheme:dark;--bg:#111214;--panel:#1b1d21;--gold:#ffbd24;--text:#fafafa;--muted:#b9bdc6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto;padding:24px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;gap:24px}.brand{font-weight:800;letter-spacing:1px}.brand span{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--gold);color:#111;border-radius:9px;margin-right:8px}nav{display:flex;gap:24px;align-items:center;font-size:14px}nav form{margin:0}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:54px 0 70px}.eyebrow{color:var(--gold);font-size:14px;letter-spacing:2px;font-weight:bold}h1{font-size:clamp(54px,8vw,96px);line-height:1.03;letter-spacing:-4px;margin:22px 0}h1 em{color:var(--gold);font-style:normal}h2{font-size:32px;line-height:1.2}h3{font-size:22px;line-height:1.3}p{color:var(--muted)}.hero p{max-width:470px}.hero aside{align-self:center;border:1px solid #444;border-radius:22px;background:linear-gradient(140deg,#282b32,#191b20);padding:40px}.number{font-size:48px;color:var(--gold);font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tags span{padding:6px 12px;border:1px solid #555;border-radius:30px;font-size:14px}.button,button{display:inline-block;background:var(--gold);border:0;border-radius:8px;color:#141414;padding:13px 20px;font:700 16px Arial,sans-serif;cursor:pointer}.secondary{background:#333740;color:white}.text{background:transparent;color:white;padding:0;font-size:14px}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.heading h2{margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid #34363d;border-radius:16px;overflow:hidden}.cover{padding:28px;background:#343143;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.cover.ebook{background:#263d40}.cover span{font-size:14px;letter-spacing:2px;color:var(--gold)}.cover strong{font-size:28px;line-height:1.2;overflow-wrap:anywhere}.cardbody{padding:24px}.cardbody h3{margin-top:0}.status{font-size:14px}.empty{grid-column:1/-1;padding:36px;border:1px dashed #555;border-radius:16px}.account,.admin{margin-top:60px;border-top:1px solid #3c3d42;padding-top:32px}.forms{display:grid;grid-template-columns:1fr 1fr;gap:28px}.forms form{background:var(--panel);border:1px solid #34363d;border-radius:14px;padding:28px}label{display:block;margin-bottom:16px;font-size:14px}input,textarea,select{display:block;width:100%;margin-top:7px;padding:12px;background:#111214;border:1px solid #666;border-radius:7px;color:white;font:16px Arial,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.records{overflow-wrap:anywhere}.error{padding:16px;background:#4b2020;color:white;border-radius:8px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #333;margin-top:60px;color:var(--muted);font-size:14px}@media(max-width:760px){header,main,footer{padding:20px}header,footer{flex-direction:column;align-items:start}nav{flex-wrap:wrap;gap:18px}.hero{grid-template-columns:1fr;gap:24px;padding:28px 0 40px}.hero aside{padding:28px}h1{letter-spacing:-2px}.grid,.forms{grid-template-columns:1fr}.heading{display:block}.card .button{width:100%;text-align:center}}
