@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;700&display=swap');

:root{
  --bg:#1c1b1a; --panel:#232120; --panel-2:#2a2724; --border:#3c3833;
  --copper:#c17f3f; --copper-bright:#e8a45f; --readout:#6ee7d0;
  --text:#ece5d8; --text-dim:#9c948a; --danger:#d97757; --radius:4px;
}
*{ box-sizing:border-box; }
body{
  margin:0; min-height:100vh; color:var(--text); font-family:'Inter',sans-serif;
  background: radial-gradient(circle at 15% 0%, #262421 0%, var(--bg) 45%), var(--bg);
  display:flex; align-items:center; justify-content:center; padding:30px;
}
.card{ background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); max-width:420px; width:100%; padding:30px 28px; }
.card.wide{ max-width:760px; }
.brand{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.14em; color:var(--copper-bright); text-transform:uppercase; margin:0 0 6px; }
h1{ font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:700; margin:0 0 18px; }
label{ display:block; font-size:12px; color:var(--text-dim); margin:14px 0 6px; font-family:'JetBrains Mono',monospace; }
input[type="text"],input[type="email"],input[type="password"],input[type="tel"]{
  width:100%; background:var(--panel-2); border:1px solid var(--border); color:var(--text);
  font-family:'Inter',sans-serif; font-size:14px; padding:11px 12px; border-radius:var(--radius); outline:none;
}
input:focus-visible{ border-color:var(--copper-bright); }
button, .btn{
  display:inline-block; background:var(--copper); border:none; color:#1c1b1a; font-weight:700;
  font-size:14px; padding:12px 18px; border-radius:var(--radius); cursor:pointer; text-decoration:none; text-align:center;
}
button:hover, .btn:hover{ background:var(--copper-bright); }
.btn.secondary{ background:var(--panel-2); color:var(--text); border:1px solid var(--border); }
.msg{ font-family:'JetBrains Mono',monospace; font-size:13px; padding:10px 12px; border-radius:var(--radius); margin-bottom:16px; }
.msg.err{ background:rgba(217,119,87,.12); color:var(--danger); border:1px solid rgba(217,119,87,.3); }
.msg.ok{ background:rgba(110,231,208,.1); color:var(--readout); border:1px solid rgba(110,231,208,.25); }
.muted{ color:var(--text-dim); font-size:13px; line-height:1.6; }
a{ color:var(--copper-bright); }
.row{ display:flex; gap:14px; }
.row > *{ flex:1; }
.plan-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:20px; }
.plan-card{ background:var(--panel-2); border:1px solid var(--border); border-radius:var(--radius); padding:20px; text-align:center; }
.plan-price{ font-family:'JetBrains Mono',monospace; font-size:28px; color:var(--readout); font-weight:700; margin:10px 0; }
table{ width:100%; border-collapse:collapse; font-size:13px; }
th,td{ text-align:left; padding:10px 8px; border-bottom:1px solid var(--border); }
th{ color:var(--text-dim); font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; }