:root{--bg:#f6f4f4;--card:#ffffff;--line:#e6dfe0;--text:#1d1719;--mute:#7a7073;--red:#e11d2e;--red2:#ff4a58;--gold:#e8c98a;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{width:100%;max-width:100%;overflow-x:clip;background:var(--bg)}
*,*::before,*::after{box-sizing:border-box}
body{width:100%;max-width:100%;overflow-x:clip;margin:0;min-height:100vh;font-family:"Estedad",Tahoma,sans-serif;color:var(--text);line-height:1.8;
background:radial-gradient(70% 45% at 50% 0%,rgba(225,29,46,.16),transparent 70%),var(--bg)}
.w{width:100%;max-width:460px;min-width:0;margin:0 auto;padding:0 18px 40px}
header{text-align:center;padding:40px 0 30px}
.logo{width:96px;height:96px;margin:0 auto 18px;border-radius:26px;background:linear-gradient(160deg,#c0121f,#5e060d);display:grid;place-items:center;
box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 16px 56px rgba(225,29,46,.5)}
.logo b{display:block;font-size:22px;font-weight:900;line-height:1.1;text-shadow:0 0 12px rgba(255,255,255,.7)}
.logo small{display:block;font:600 8px/1.4 Estedad,sans-serif;letter-spacing:.18em;border-top:1px solid rgba(255,255,255,.6);margin-top:5px;padding-top:3px}
h1{font-size:24px;font-weight:900;margin:0}
header p{margin:4px 0 0;color:var(--mute);font-size:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:26px 20px 22px;position:relative;overflow:hidden;box-shadow:0 12px 40px rgba(60,20,25,.08)}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--red2),transparent)}
.intro{text-align:center;color:var(--mute);font-size:clamp(10px,2.8vw,12px);white-space:nowrap;margin:0 0 24px}

.logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}