:root{--petrol:#284243;--coral:#E08E79;--sand:#F2EFEB;--ink:#1C262B;--muted:#4B575C;--line:#D9D2CB}*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:24px}header a,footer a{color:var(--petrol);font-weight:800;text-decoration:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding-top:64px;padding-bottom:72px}.hero span{color:var(--coral);font-size:13px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;color:var(--petrol);margin:14px 0 22px}.hero p{font-size:19px;color:var(--muted)}.hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:0 24px 54px rgba(28,38,43,.18)}section{padding:48px 0}h2{font-size:clamp(28px,4vw,38px);color:var(--petrol)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}.cards h3{color:var(--petrol);margin-top:0}.next{background:var(--petrol);color:#fff;border-radius:22px;padding:44px;margin-top:40px}.next h2{color:#fff;margin-top:0}.btn{display:inline-block;background:var(--coral);color:var(--ink);font-weight:800;text-decoration:none;padding:14px 24px;border-radius:8px}footer{padding-top:50px;padding-bottom:60px}@media(max-width:760px){.hero,.cards{grid-template-columns:1fr}.hero{padding-top:32px;gap:28px}.next{padding:30px}}

.homework-guide{background:#e5eeeb;border:1px solid var(--line);border-radius:22px;padding:42px;margin-top:20px}.homework-guide h2{margin:10px 0 18px}.homework-guide>p{max-width:750px}.homework-guide .eyebrow{color:var(--petrol);font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.homework-guide .btn{background:var(--petrol);color:#fff}.homework-guide .guide-note{font-size:14px;margin:18px 0 0;color:var(--muted)}.guide-note a{color:var(--petrol);font-weight:700}@media(max-width:760px){.homework-guide{padding:28px}}

.homework-signup{max-width:540px;margin-top:28px;padding:26px;background:#fff;border-radius:14px}.homework-signup h3{margin:0 0 8px;color:var(--petrol)}.homework-signup p{margin:0 0 18px}.homework-signup form{display:grid;gap:8px}.homework-signup label{font-weight:700}.homework-signup input:not([type=hidden]){padding:12px;border:1px solid #9ba6a3;border-radius:6px;font:inherit}.homework-signup button{border:0;font:inherit;cursor:pointer;margin-top:10px}.homework-signup .hp-field{position:absolute;left:-5000px}

.homework-offer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center;margin-top:30px}.homework-visual{position:relative;min-width:0;height:445px}.homework-visual img{display:block;background:#fff;box-shadow:0 18px 40px rgba(28,38,43,.2);border-radius:4px}.homework-cover{position:absolute;left:2%;top:0;width:59%;height:auto;transform:rotate(-3deg)}.homework-print{position:absolute;right:1%;bottom:34px;width:66%;height:auto;transform:rotate(4deg)}.homework-print-label{position:absolute;right:8%;bottom:0;color:var(--petrol);font-size:14px;font-weight:700}.homework-offer .homework-signup{max-width:none;margin:0;box-shadow:0 12px 30px rgba(28,38,43,.07)}@media(max-width:850px){.homework-offer{grid-template-columns:1fr;gap:16px}.homework-visual{height:410px;max-width:480px;width:100%;margin:0 auto}.homework-offer .homework-signup{max-width:560px;width:100%;margin:0 auto}}@media(max-width:480px){.homework-visual{height:320px}.homework-cover{width:57%}.homework-print{width:68%;bottom:28px}.homework-print-label{right:2%;font-size:13px}}

.homework-visual{display:flex;align-items:center;justify-content:center;height:auto;min-height:470px}.homework-visual .homework-cover{position:static;width:min(78%,320px);height:auto;transform:rotate(-2deg);box-shadow:0 24px 48px rgba(28,38,43,.22)}@media(max-width:850px){.homework-visual{min-height:0;padding:12px 0 24px}.homework-visual .homework-cover{width:min(72%,310px)}}@media(max-width:480px){.homework-visual{height:auto}.homework-visual .homework-cover{width:min(75%,260px)}}