*{box-sizing:border-box}body{margin:0;background:#fffaf6;color:#302833;font:16px/1.55 Arial,sans-serif}header{height:68px;background:white;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:3}header b{font-size:24px}select,input,textarea{font:inherit;border:1px solid #ddd;border-radius:12px;padding:12px;background:#fff;width:100%;margin-top:6px}header select{width:auto}.hero{padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#fff1ea,#f5f2ff)}small{font-weight:800;letter-spacing:2px;font-size:11px}h1{font-size:clamp(40px,6vw,68px);line-height:1.03;margin:12px 0}h2{font-size:36px;margin:8px 0 16px}button{border:0;border-radius:14px;padding:14px 20px;background:#6f4aa8;color:white;font-weight:700;font-size:16px;cursor:pointer;margin:6px}.light{background:#f0ebf5;color:#443554}.cover{aspect-ratio:3/4;max-width:300px;margin:auto;border-radius:24px;background:#f3dbe7;box-shadow:0 20px 50px #0002;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:70px;text-align:center}.cover strong{font-size:32px}.cover span{font-size:13px}.small{max-width:210px;font-size:55px}.section,section{padding:65px 7%;max-width:1100px;margin:auto}.card{display:grid;grid-template-columns:280px 1fr;gap:28px;background:white;border-radius:24px;padding:24px;box-shadow:0 12px 35px #00000012}.art{background:#f1e8ff;border-radius:20px;min-height:240px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:70px}.big{min-height:260px}.reader{text-align:center;max-width:700px;margin:auto;background:#fff;border-radius:25px;padding:25px;box-shadow:0 12px 35px #0001}.unlock{margin-top:22px;padding:20px;border-radius:18px;background:#faf4ff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.full{grid-column:1/-1}.photo{min-height:110px;border:2px dashed #ddd;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#777}.price{font-size:42px;font-weight:800}.center{text-align:center}.muted{color:#777}.hidden{display:none}footer{padding:35px;text-align:center;background:#302833;color:#fff}@media(max-width:720px){.hero,.card,.grid{grid-template-columns:1fr}.section,section{padding:45px 6%}h1{font-size:42px}.full{grid-column:auto}}