:root{--red:#C80F2E;--red-dark:#A7112A;--ink:#1B1F23;--muted:#5A6169;--bg:#fff;--soft:#F6F6F7;--line:#E4E5E7}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 16px 4px;width:100%;max-width:720px;margin:0 auto}
.logo{width:92px;height:92px;display:block}
h1{font-size:2.3rem;line-height:1.05;letter-spacing:-.02em;font-weight:800}
.en-title{font-size:1.05rem;color:var(--red);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.sub{margin-top:8px;font-size:.95rem;font-weight:600}
.sub span{color:var(--muted);font-weight:500}
.badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 11px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;color:var(--muted);background:var(--soft)}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red)}
.ip{margin-top:4px;font-size:.72rem;color:var(--muted);letter-spacing:.01em}
.desc{margin-top:12px;display:grid;gap:8px;max-width:600px}
.desc p[lang=en]{color:var(--muted)}
.status{margin-top:10px;font-weight:700;color:var(--red-dark);font-size:.88rem}
.status span{color:var(--muted);font-weight:500}
.partner{margin-top:14px;width:100%;max-width:560px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.partner h2{font-size:.98rem;font-weight:700}
.partner p{margin-top:2px;color:var(--muted);font-size:.85rem}
.btn{display:inline-block;min-height:44px;padding:10px 20px;border:2px solid var(--red);border-radius:10px;background:var(--red);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn-alt{background:#fff;color:var(--red-dark)}
.btn-alt:hover{background:#fff;color:var(--ink)}
.btn[hidden]{display:none}
.actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.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:640px){.actions{flex-direction:row;flex-wrap:wrap;justify-content:center}}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.mail{display:block;margin-top:4px;font-size:.78rem;color:var(--muted)}
footer{text-align:center;padding:8px 16px 12px;font-size:.78rem;color:var(--muted)}
@media (min-width:640px) and (min-height:760px){
 body{font-size:16px;line-height:1.6}
 main{padding:32px 16px 24px}
 .logo{width:150px;height:150px}
 h1{margin-top:8px;font-size:3.6rem}
 .en-title{font-size:1.5rem;margin-top:6px}
 .sub{margin-top:18px;font-size:1.05rem}
 .badge{margin-top:14px;font-size:.8rem}
 .ip{margin-top:6px;font-size:.78rem}
 .desc{margin-top:22px;gap:14px}
 .status{margin-top:18px;font-size:.95rem}
 .partner{margin-top:30px;padding:22px 18px;border-radius:14px}
 .partner h2{font-size:1.05rem}
 .partner p{margin-top:6px;font-size:.95rem}
 .btn{padding:12px 16px}
 .partner{max-width:720px}
 .actions{margin-top:14px;gap:8px}
 .mail{margin-top:8px;font-size:.85rem}
 footer{padding:18px 16px 24px;font-size:.85rem}
}
.mail a{color:inherit;text-decoration:underline;text-underline-offset:2px}