*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaf1;color:#422039;font-family:Arial,sans-serif}header,main,footer{max-width:1120px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:32px 24px;gap:24px}a{color:inherit;text-underline-offset:5px}.brand{font-size:24px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:5px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:65px 24px 85px}.tag{font-size:15px;font-weight:700}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.03;letter-spacing:-4px;margin:20px 0 25px}.intro{max-width:440px;font-size:18px;line-height:1.6}button{font:700 16px Arial;color:#fffaf1;background:#422039;border:0;border-radius:9px;padding:17px 22px;margin-top:18px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b75e93;outline-offset:5px}#test-result{max-width:410px;padding:16px;background:#d5efde;border-radius:8px;line-height:1.5}.house{position:relative;height:340px;max-width:380px;width:100%;margin:0 auto}.roof{position:absolute;top:10px;left:5%;width:90%;height:160px;background:#b94f72;clip-path:polygon(50% 0,100% 100%,0 100%)}.walls{position:absolute;top:167px;left:12%;width:76%;height:160px;border:2px solid #422039;background:#efb4cf;display:flex;align-items:center;justify-content:space-evenly;gap:15px;padding:20px 20px 0;border-radius:0 0 6px 6px}.window{width:50px;height:55px;background:linear-gradient(90deg,transparent 46%,#422039 47%,#422039 52%,transparent 53%),linear-gradient(transparent 46%,#422039 47%,#422039 52%,transparent 53%),#fcebae;border:2px solid #422039;align-self:flex-start;margin-top:15px}.door{height:111px;width:66px;background:#422039;border-radius:40px 40px 0 0;align-self:flex-end;position:relative}.door:after{content:'';position:absolute;width:7px;height:7px;background:#fcebae;border-radius:50%;right:12px;top:62px}.details{border-top:1px solid #d5c7cd;padding:40px 24px 60px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.details h2{grid-column:1/-1;font-size:32px;letter-spacing:-1px;margin:0}.details h3{font-size:19px;margin:0 0 12px}.details p{font-size:16px;line-height:1.6;max-width:440px;margin:0}footer{padding:25px 24px;border-top:1px solid #d5c7cd;font-size:12px;line-height:1.6}@media(max-width:650px){header{padding:22px 20px}.brand{font-size:21px}header>a:last-child{font-size:13px;max-width:80px}.hero{grid-template-columns:1fr;padding:35px 20px 45px;gap:20px}.hero h1{letter-spacing:-2px}.hero button{width:100%}.house{height:260px;max-width:285px}.roof{height:120px}.walls{top:127px;height:123px}.door{height:94px}.window{width:39px;height:45px;margin-top:5px}.details{grid-template-columns:1fr;padding:35px 20px}.details h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}