* { box-sizing: border-box; }
html { background: #fff; }
body { margin: 0; color: #000; font-family: Arial, sans-serif; }
.page { width: 100%; max-width: 520px; margin: 100px auto 80px; border-radius: 36px; overflow: hidden; background: #fff; box-shadow: -7px 12px 30px #0000001a, -27px 48px 55px #00000017, -62px 108px 74px #0000000d, -110px 191px 88px #00000003, -171px 299px 96px #0000; }
.block { padding: 12px 40px; }
.block:first-of-type { padding-top: 40px; }
.block img { display: block; width: 100%; height: auto; border-radius: 19px; }
.purchase a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 68px; padding: 21px 35px; border-radius: 28px; background: #000; color: #fff; text-align: center; text-decoration: none; font-size: 18px; font-weight: 500; line-height: 26px; }
.purchase a:hover { background: #262626; }
.purchase a:focus-visible { outline: 3px solid #a57f2a; outline-offset: -5px; }
.end-space { height: 24px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 768px) { .page { margin-top: 40px; } }
@media print { .page { margin: 0 auto; box-shadow: none; } }