*{box-sizing:border-box}html{background:#fbf4eb;color:#200e35;font-family:Poppins,Arial,sans-serif}body{margin:0}.page{max-width:1440px;margin:auto;min-height:100svh;padding:clamp(24px,4vw,64px);display:flex;flex-direction:column}header{padding-bottom:24px}.logo{width:220px;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(43%) sepia(100%) saturate(3150%) hue-rotate(359deg) brightness(102%) contrast(106%)}main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:7%;align-items:center;flex:1;padding-bottom:24px}h1{font:700 clamp(36px,4.2vw,64px)/1.09 Fredoka,Arial,sans-serif;letter-spacing:-.8px;margin:0 0 36px}h1 span,h1 em{display:block}h1 em{color:#f85c00;font-style:normal;margin-top:12px}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.actions a{font-size:14px;font-weight:600;min-height:48px;display:inline-flex;align-items:center;gap:14px;cursor:pointer;text-decoration:none}.primary{padding:17px 24px;border-radius:50px;background:#f85c00;color:white;box-shadow:0 6px 20px #f85c0026}.primary:hover{background:#dc4f00}.primary[aria-disabled=true]{opacity:.65;cursor:wait}.secondary{padding:8px 2px;border-bottom:1px solid #200e3540}.secondary:hover{border-color:#200e35}a:focus-visible,.souvenir:focus-visible{outline:3px solid #7354af;outline-offset:6px}#status{font-size:12px;line-height:1.5;max-width:400px;margin:12px 0 0}#status:empty{display:none}.souvenir{margin:0;width:100%;max-width:390px;justify-self:center;touch-action:pan-y}.frame{padding:9px;background:white;border-radius:14px;box-shadow:0 20px 50px #200e3515;transform:rotate(2deg)}#photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f3e9df;border-radius:6px}figcaption{height:22px;margin-top:16px;text-align:center;font-size:10px;color:#67556e}
@media(min-width:801px) and (max-height:760px){.page{padding:24px 40px}header{padding-bottom:10px}.logo{width:170px}.souvenir{max-width:290px}h1{font-size:clamp(36px,4vw,54px)}}
@media(max-width:800px){.page{padding:20px;gap:12px}header{padding:0;text-align:center}.logo{width:155px}main{display:flex;flex-direction:column;gap:22px;padding:0;justify-content:center}.intro{display:contents}h1{order:0;text-align:center;font-size:clamp(28px,7.4vw,40px);letter-spacing:-.4px;margin:0;max-width:550px}h1 em{margin-top:7px}.souvenir{order:1;width:min(64vw,240px);max-width:240px}.frame{padding:6px;transform:rotate(1.5deg)}figcaption{margin-top:8px;height:14px}.actions{order:2;align-items:center;width:100%;gap:7px}.primary{justify-content:center;text-align:center;padding:14px 18px;font-size:12px!important}.secondary{font-size:12px!important}#status{order:3;text-align:center;margin:0}}
@media(max-width:800px) and (max-height:740px){.page{padding:14px 18px}.logo{width:130px}main{gap:15px}h1{font-size:27px}.souvenir{width:min(55vw,185px)}}