*{margin:0;padding:0;box-sizing:border-box}:root{--river-blue: #1E90FF;--river-dark: #0A0E1A;--river-card: #111827;--river-border: #1f2937;--river-text: #F9FAFB;--river-muted: #6B7280;--river-accent: #3B82F6}html,body{height:100%;background:var(--river-dark);color:var(--river-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:24px 20px;padding-bottom:max(24px,env(safe-area-inset-bottom));padding-top:max(24px,env(safe-area-inset-top));max-width:480px;margin:0 auto;width:100%}.page-bg{background-image:var(--bg-url, url(/bg.png));background-size:cover;background-position:center top;background-attachment:scroll;position:relative}.page-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0e1a80,#0a0e1ae0 60%);pointer-events:none;z-index:0}.page-bg>*{position:relative;z-index:1}.btn-primary{width:100%;padding:15px;background:var(--river-blue);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent;min-height:52px}.btn-primary:active{opacity:.75}.btn-primary:hover{opacity:.87}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.input-field{width:100%;padding:15px 16px;background:#1f2937d9;border:1px solid var(--river-border);border-radius:14px;color:var(--river-text);font-size:16px;outline:none;transition:border-color .2s;-webkit-tap-highlight-color:transparent;min-height:52px}.input-field:focus{border-color:var(--river-blue)}.input-field::placeholder{color:var(--river-muted)}.error-msg{color:#ef4444;font-size:13px;margin-top:8px;padding:10px 14px;background:#ef44441a;border-radius:10px}