:root{--ink:#172033;--muted:#667085;--violet:#6d4aff;--pink:#ff6fae;--cream:#fffaf5;--line:#e8e8ef}*{box-sizing:border-box}body{margin:0;font:16px/1.55 Inter,system-ui,sans-serif;color:var(--ink);background:#fff}.wrap{width:min(1160px,92%);margin:auto}.top{background:#17132b;color:#fff;text-align:center;padding:8px}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.brand{font-size:25px;font-weight:850;color:var(--ink);text-decoration:none}.brand span{color:var(--violet)}.langs a{padding:7px 9px;color:var(--muted);text-decoration:none}.langs a.on{color:var(--violet);font-weight:750}.hero{padding:72px 0;background:linear-gradient(135deg,#f4efff,#fff8ef)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{color:var(--violet);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(39px,6vw,72px);line-height:1.02;margin:12px 0}.hero p{font-size:19px;color:var(--muted);max-width:650px}.hero-card{background:white;border-radius:28px;padding:22px;box-shadow:0 22px 60px #49369022;transform:rotate(2deg)}.hero-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}.btn{display:inline-block;border:0;border-radius:12px;background:var(--violet);color:#fff;padding:13px 20px;font-weight:800;text-decoration:none;cursor:pointer}.btn.alt{background:#fff;color:var(--violet);border:1px solid var(--violet)}.section{padding:65px 0}.section h2{text-align:center;font-size:36px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.book{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 7px 25px #1111}.book img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f4f4f7}.book-body{padding:18px}.book h3{margin:0 0 7px}.price{font-size:22px;font-weight:850;margin:12px 0}.checkout{width:min(780px,92%);margin:35px auto 70px;padding:28px;border:1px solid var(--line);border-radius:22px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-weight:700;display:block;margin:13px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd0da;border-radius:10px;font:inherit}.notice{padding:13px;border-radius:10px;background:#f0edff}.error{background:#fff0f0;color:#9a1a1a}.success{background:#ecfff3;color:#17663a}.footer{padding:35px 0;background:#17132b;color:#ddd;text-align:center}@media(max-width:780px){.hero-grid,.grid,.row{grid-template-columns:1fr}.hero{padding:42px 0}.hero-card{transform:none}.langs{font-size:13px}.grid{gap:16px}}