*{box-sizing:border-box}body{margin:0;background:#dfece8;color:#103c45;font-family:'Trebuchet MS',Arial,sans-serif}main{max-width:800px;margin:auto;padding:0 18px 65px}nav{height:65px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6b9591;font-size:11px;letter-spacing:.12em}nav b span{color:#e36843}.hero{position:relative;padding:44px 0 31px}.hero>p:first-of-type{font-size:11px;letter-spacing:.22em}.hero h1{font:400 clamp(46px,10vw,84px)/.92 Georgia,serif;letter-spacing:-.06em;margin:18px 0}.hero h1 i{color:#d45b3b}.hero>p:last-child{max-width:470px;line-height:1.5}.arc{position:absolute;right:5px;top:25px;font:160px Georgia;color:#b3d4ce;z-index:-1}.desk{background:#f7faf6;border-radius:22px 22px 8px 8px;padding:23px;box-shadow:0 12px 0 #aac7c1}.desk header{display:flex;justify-content:space-between;font-size:11px;font-weight:bold;letter-spacing:.13em;text-transform:uppercase;color:#287e86}.desk h2{font:400 27px/1.1 Georgia;margin:30px 0 22px}#offers{display:grid;grid-template-columns:1fr 1fr;gap:13px}#offers button{text-align:left;border:2px solid #a9c4c2;background:#eaf3ef;color:#123b43;padding:19px 15px;border-radius:15px;cursor:pointer;min-height:185px;display:flex;flex-direction:column;gap:12px}#offers button:hover{border-color:#e36843}#offers button b{font:700 13px Arial;letter-spacing:.15em;color:#bf5136}#offers button strong{font:400 34px Georgia}#offers button small{line-height:1.4;font-size:13px}#offers button.correct{background:#ccebdc;border-color:#15805f}#offers button.wrong{background:#f9d8cf;border-color:#bb604c}#explanation{min-height:44px;margin:22px 0 10px;line-height:1.4}#continue{border:0;background:#0e6370;color:white;padding:14px 20px;border-radius:30px;font-weight:bold;cursor:pointer}footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font-size:12px}footer button{border:1px solid #0e6370;border-radius:30px;background:none;color:#0e6370;padding:10px 15px;font-size:11px;font-weight:bold;cursor:pointer}@media(max-width:520px){#offers{grid-template-columns:1fr}#offers button{min-height:140px}.desk{padding:18px}.arc{font-size:120px}}
