*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#4C37B1;--ink:#F0EFF3;--btn:#1e0e63;--btn-outline:#3B2598}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font-family:"Darumadrop One",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:0;background-image:url("images/bg.svg");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.35;z-index:-1;pointer-events:none}
.content{min-height:100svh;padding:max(24px,2.5vh);padding-left:calc(max(24px,2.5vh) + env(safe-area-inset-left));padding-right:calc(max(24px,2.5vh) + env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4vmin,36px);text-align:center}
.brand img{width:clamp(200px,38vw,340px);height:auto;display:block}
.status{font-size:clamp(1.5rem,1.2rem + 3vmin,2rem);letter-spacing:.05rem;padding:.10rem 0}
.button{background:var(--btn);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:clamp(8px,1.5vmin,12px);padding:clamp(12px,2.4vmin,16px) clamp(18px,3.4vmin,26px);border-radius:10px;outline:3px dashed var(--btn-outline);outline-offset:3px;box-shadow:0 0 0 2px color-mix(in srgb,var(--btn-outline) 65%,transparent),0 6px 20px rgba(0,0,0,.18);font-size:clamp(1.05rem,.9rem + 1.4vmin,1.5rem);line-height:1;transition:transform .08s ease,background-color .2s ease,outline-color .2s ease,box-shadow .2s ease}
.btn-text{font-size:1.8rem;margin-bottom:5px}
.material-symbols-rounded{font-size:1.6em}
@media(hover:hover) and (pointer:fine){.button:hover{background-color:color-mix(in srgb,var(--btn) 80%,transparent);outline-color:var(--btn);box-shadow:0 0 0 3px var(--btn),0 8px 26px rgba(0,0,0,.22);transform:translateY(-1px)}}
.button:focus-visible{outline-color:var(--ink);box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--btn-outline)}
@media(max-width:640px){body::before{background-size:cover;background-position:center;background-repeat:no-repeat}}