/* ================================================================
   MRN HOUSE ACCOUNTS — page styles (house visual language:
   White Gold & Sapphire, Inter + Cormorant Garamond, card panels)
   © 2026 Mr. Realla's E-Bikes Hustle LLC — Built from Nothing.
   Owned Outright. 👑
   ================================================================ */
:root{
  --blue:#29B6FF; --blue2:#5CC9FF; --deep:#0860BE; --ink:#eef3ff; --dim:#9fc3e8;
  --gold1:#FFFEF9; --gold2:#F6EED6; --gold3:#DECBA1; --card:#1b1430; --line:rgba(41,182,255,.28);
  --bad:#ff8f8f; --good:#8fe6b0;
}
*{ box-sizing:border-box; margin:0; padding:0; }
body{ background:#120d1c; color:var(--ink); font-family:'Inter',system-ui,sans-serif; overflow-x:hidden; }
h1,h2,h3,.serif{ font-family:'Cormorant Garamond',Georgia,serif; }
.gold{ background:linear-gradient(100deg,var(--gold1) 0%,var(--gold2) 38%,var(--gold3) 62%,var(--gold2) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.wrap{ max-width:560px; margin:0 auto; padding:40px 18px 70px; }
.wrap.wide{ max-width:820px; }
.kicker{ color:var(--blue2); letter-spacing:.3em; font-size:11.5px; font-weight:700; text-transform:uppercase; text-align:center; }
h1.title{ text-align:center; font-size:40px; margin-top:10px; }
.lede{ text-align:center; color:var(--dim); max-width:520px; margin:10px auto 0; font-size:15.5px; line-height:1.65; }
.frame{ background:linear-gradient(180deg, rgba(41,182,255,.08), rgba(41,182,255,.02) 55%), var(--card);
  border:1px solid var(--line); border-radius:18px; padding:26px 24px; margin-top:26px; }
.frame h2{ font-size:24px; margin-bottom:6px; }
.frame p.note{ color:var(--dim); font-size:14px; line-height:1.6; }
label{ display:block; font-weight:700; font-size:13.5px; letter-spacing:.04em; margin:18px 0 6px; color:var(--gold2); }
label:first-of-type{ margin-top:8px; }
input[type=text],input[type=email],input[type=password],input[type=date],textarea,select{
  width:100%; padding:12px 14px; border-radius:12px; border:1px solid var(--line);
  background:#0d0a18; color:var(--ink); font:inherit; font-size:15px; }
textarea{ resize:vertical; min-height:74px; }
input:focus,textarea:focus,select:focus{ outline:2px solid var(--blue); outline-offset:1px; }
.hint{ color:var(--dim); font-size:12.5px; margin-top:5px; line-height:1.5; }
.btn{ display:inline-block; border:0; cursor:pointer; text-decoration:none; text-align:center;
  padding:13px 26px; border-radius:999px; font:inherit; font-weight:800; font-size:15px;
  background:linear-gradient(100deg,var(--blue),var(--deep)); color:#fff;
  box-shadow:0 10px 26px rgba(8,96,190,.35); margin-top:22px; width:100%; }
.btn.goldbtn{ background:linear-gradient(100deg,var(--gold1),var(--gold2) 45%,var(--gold3)); color:#241a04;
  box-shadow:0 10px 30px rgba(222,203,161,.35); }
.btn.small{ width:auto; padding:9px 18px; font-size:13.5px; margin-top:0; }
.btn.ghost{ background:transparent; border:1px solid var(--line); color:var(--blue2); box-shadow:none; }
.btn[disabled]{ opacity:.55; cursor:wait; }
.error{ display:none; border:1px solid rgba(255,143,143,.5); background:rgba(255,80,80,.10);
  color:var(--bad); border-radius:12px; padding:12px 14px; font-size:14px; line-height:1.55; margin-top:18px; }
.okmsg{ display:none; border:1px solid rgba(143,230,176,.45); background:rgba(60,200,120,.10);
  color:var(--good); border-radius:12px; padding:12px 14px; font-size:14px; line-height:1.55; margin-top:18px; }
.terms-box{ border:1px solid var(--gold3); border-radius:14px; padding:16px 18px; margin-top:20px;
  background:linear-gradient(180deg, rgba(246,238,214,.10), rgba(246,238,214,.03)); font-size:14.5px; line-height:1.65; }
.terms-box .big{ font-size:19px; font-family:'Cormorant Garamond',Georgia,serif; color:var(--gold2); }
.checkline{ display:flex; gap:10px; align-items:flex-start; margin-top:14px; font-size:14px; line-height:1.55; color:var(--ink); }
.checkline input{ width:19px; height:19px; margin-top:2px; flex:none; }
.alt{ text-align:center; color:var(--dim); font-size:14.5px; margin-top:20px; }
.alt a, a.link{ color:var(--blue2); font-weight:700; text-decoration:none; }
.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin-top:16px; }
.ph{ border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#0d0a18; }
.ph img{ width:100%; height:130px; object-fit:cover; display:block; }
.ph .meta{ padding:8px 10px; font-size:12.5px; color:var(--dim); line-height:1.5; }
.badge{ display:inline-block; padding:2px 9px; border-radius:999px; font-size:11px; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase; }
.badge.review{ background:rgba(246,238,214,.18); color:var(--gold2); }
.badge.approved{ background:rgba(60,200,120,.18); color:var(--good); }
.badge.rejected{ background:rgba(255,80,80,.16); color:var(--bad); }
.ph .row{ display:flex; gap:8px; padding:0 10px 10px; }
.ph .row button{ flex:1; }
.mini{ padding:7px 10px; border-radius:999px; border:1px solid var(--line); background:transparent;
  color:var(--blue2); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
.mini.danger{ color:var(--bad); border-color:rgba(255,143,143,.45); }
.foot{ text-align:center; color:var(--dim); font-size:13px; margin-top:34px; line-height:1.7; }
.foot .motto{ color:var(--gold2); font-family:'Cormorant Garamond',Georgia,serif; font-size:16.5px; }

/* mrn retype 2026-10-15 */