*{box-sizing:border-box}body{margin:0;background:#f9d9d2;color:#212344;font-family:'Trebuchet MS',Arial,sans-serif}main{max-width:790px;margin:auto;padding:20px 18px 70px}nav{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #212344;padding-bottom:13px;font-weight:bold;font-size:11px;letter-spacing:.1em}.logo{font:900 26px Arial}.logo span{color:#ed5d65}.opening{padding:37px 0 29px}.opening>p:first-child{letter-spacing:.24em;font-size:11px;font-weight:800}.opening h1{font:400 clamp(49px,11vw,87px)/.92 Georgia;letter-spacing:-.065em;margin:16px 0}.opening h1 em{color:#ed5d65}.opening>p:last-child{max-width:490px;line-height:1.5}.crossroad{background:#fff8ee;border:2px solid #212344;border-radius:120px 120px 14px 14px;padding:34px 24px 25px;box-shadow:9px 9px 0 #ed5d65}.trail{display:flex;align-items:center;justify-content:center;gap:12px;font:800 11px Arial;letter-spacing:.15em;color:#ed5d65}.trail .line{height:1px;background:#ed5d65;width:80px}.crossroad h2{font:400 clamp(25px,5vw,39px)/1.13 Georgia;text-align:center;min-height:105px;margin:27px auto 28px;max-width:570px}#branches{display:grid;grid-template-columns:1fr 1fr;gap:12px}#branches button{text-align:left;min-height:170px;border:2px solid #212344;border-radius:16px;background:#eeeaf1;color:#212344;padding:20px;font:700 16px/1.35 'Trebuchet MS',Arial;cursor:pointer;display:flex;flex-direction:column;gap:14px}#branches button span{font:900 31px Georgia;color:#ed5d65}#branches button:hover{transform:translateY(-3px)}#branches button.right{background:#c6e6cf;border-color:#277f58}#branches button.wrong{background:#ffcfbd;border-color:#da5a49}#insight{min-height:60px;padding:20px 0 5px;line-height:1.45;font-size:14px}#next{background:#212344;color:white;border:0;border-radius:25px;padding:14px 19px;font-weight:800;cursor:pointer}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;font-size:12px;font-weight:800}footer button{border:0;background:#ed5d65;color:white;padding:12px 15px;border-radius:25px;font-size:11px;font-weight:800;cursor:pointer}@media(max-width:540px){.crossroad{padding:28px 16px 20px;border-radius:80px 80px 12px 12px}#branches{grid-template-columns:1fr}#branches button{min-height:105px;gap:5px}footer{align-items:flex-start;gap:10px;flex-direction:column}}
