html, body { margin: 0 !important; padding: 0 !important; background: #000 !important; } body, .site, .site-content, .content-area, .entry-content, .site-main, main, article, .container, .content-wrapper, .wp-site-blocks { margin: 0 !important; padding: 0 !important; background: #000 !important; } header, footer, .site-header, .site-footer, #masthead, #colophon, .entry-title, .page-title { display: none !important; } .ruo-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif; color: #fff; } .ruo-inner { width: 100%; max-width: 420px; text-align: center; } .ruo-hero h1 { margin: 0; font-size: 2.1rem; font-weight: 800; } .ruo-hero p { margin: 6px 0 14px; font-size: 0.95rem; color: #aeb0b8; } .ruo-card { background: #0a0a0c; border: 1.5px solid #2a2d35; border-radius: 18px; padding: 16px; margin-bottom: 14px; text-align: left; } .ruo-card h2 { margin: 0 0 8px; font-size: 1.1rem; font-weight: 700; } .ruo-card p { margin: 0 0 8px; font-size: 0.9rem; color: #b7b9c1; line-height: 1.4; } .ruo-card p:last-child { margin-bottom: 0; } .ruo-card strong { color: #fff; } .ruo-check-row { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 14px; text-align: left; } .ruo-check-row input { width: 20px; height: 20px; margin-top: 2px; } .ruo-check-row label { font-size: 0.9rem; color: #aeb0b8; } .ruo-btn { width: 100%; max-width: 260px; margin: 0 auto; display: block; border-radius: 999px; padding: 14px; font-size: 1rem; font-weight: 700; background: #3b3f49; color: #a9adb5; text-decoration: none; cursor: not-allowed; } .ruo-btn.enabled { background: #fff; color: #000; cursor: pointer; } /* Fix mobile height issues (prevents weird spacing on iPhone) */ @supports (height: 100dvh) { .ruo-wrap { min-height: 100dvh; } }