@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--cream:#f7f0e8;--muted:#b9a6a8;--gold:#cbb07d;--red:#eb2435}
*{box-sizing:border-box}
html{background:#120b10;color:var(--cream);font-family:Cairo,system-ui,'Segoe UI',sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 92% 45% at 50% -2%,#5b202d 0%,transparent 80%),linear-gradient(180deg,#1b0f16,#0e0b12 75%);}
a{-webkit-tap-highlight-color:transparent}
.layout{width:min(100%,462px);padding:15px 13px max(18px,env(safe-area-inset-bottom));margin:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;direction:ltr;margin:0 4px 12px;min-height:38px;gap:8px}
.home{display:flex;gap:8px;align-items:center;text-decoration:none;color:#ead6ba;white-space:nowrap}
.brandmonogram{display:grid;place-items:center;width:33px;height:33px;font:700 19px Georgia,serif;border:1px solid #bd925d85;border-radius:11px;background:linear-gradient(150deg,#702b39,#381722);box-shadow:0 8px 20px #0005;color:#eedab5}
.brandword{font-size:10.5px;letter-spacing:.1em;font-weight:800}
.brandseparator{padding:0 2px;color:var(--gold)}
.official{font-size:10.5px;color:#ccb9a4;display:flex;align-items:center;gap:5px;white-space:nowrap;font-weight:700}
.dot{background:#55cf80;width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #55cf8077}
.landing{background:#180c14;border:1px solid #9b65715e;border-radius:24px;overflow:hidden;box-shadow:0 28px 74px #0008,0 0 0 1px #fff1}
.hero{width:100%;height:auto;display:block;aspect-ratio:941/1250;object-fit:cover;background:#26141c}
.action-panel{text-align:center;position:relative;background:linear-gradient(180deg,#37121f 0%,#26101b 60%,#20101a 100%);padding:15px 19px 16px;border-top:1px solid #8b394947}
.action-panel:before{content:"";position:absolute;inset:-19px 0 auto;height:19px;background:linear-gradient(0deg,#37121f,transparent);pointer-events:none}
.primary-button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;gap:13px;position:relative;padding:11px 17px;border-radius:15px;background:linear-gradient(115deg,#f32a36,#d71427);box-shadow:0 10px 25px #e61f393b, inset 0 1px #fff4;outline:0;text-decoration:none;font:800 clamp(15px,4.3vw,19px) Cairo,system-ui,sans-serif;color:#fff;transition:transform .15s ease,background .15s ease}
.primary-button:active{transform:scale(.98)}
.primary-button:hover{background:linear-gradient(115deg,#ff3644,#ec1b30)}
.primary-button:focus-visible,.browser-link:focus-visible,.home:focus-visible{outline:3px solid #f0c886;outline-offset:3px}
.button-icon svg{width:27px;height:27px;display:block}
.button-arrow{position:absolute;left:17px;font-size:18px;top:50%;transform:translateY(-50%);opacity:.85}
.helper{font-size:11px;color:#dfcbd0;font-weight:600;line-height:1.8;margin:8px 0 0}
.browser-link{display:inline-block;font-size:10px;font-weight:600;color:#c0a7ae;text-underline-offset:4px;text-decoration-color:#775969;padding:3px 8px}
footer{direction:ltr;text-align:center;color:#957980;font-size:9px;margin:11px 0 0;letter-spacing:.04em}
footer span{color:#b68e5f;margin:0 5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:650px){.layout{padding-top:28px;padding-bottom:30px}.topbar{margin-bottom:16px}.landing{border-radius:28px}.action-panel{padding:18px 25px 20px}}
@media(max-width:350px){.layout{padding:10px 10px 14px}.topbar{margin-bottom:9px}.action-panel{padding:12px 12px 13px}.primary-button{min-height:52px;font-size:15px}.helper{font-size:10px}}
@media(prefers-reduced-motion:reduce){.primary-button{transition:none}}