/* Registration page styles */
/* Basic reset */
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f7f7f8;--card:#fff;--muted:#6b7280;--accent:#e11d48}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#0f172a}
.pontainer{max-width:1100px;margin:0 auto;padding:20px}

.reg-header{background:transparent;padding:12px 0}
.reg-header .container{display:flex;align-items:center;justify-content:space-between}
.reg-header .brand{font-weight:700}
.reg-nav a{margin-left:14px;color:var(--muted);text-decoration:none}

.page-title{text-align:center;font-size:22px;margin-top:6px;font-weight:700}
.page-sub{text-align:center;color:var(--muted);margin-bottom:18px}

.reg-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}

.card{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 8px 20px rgba(2,6,23,0.04);margin-bottom:16px}
.reg-form .card h3{margin-bottom:12px}

.field{display:block;margin-bottom:12px}
.field.two{display:inline-block;width:calc(50% - 8px)}
.field .label{display:block;font-weight:600;margin-bottom:8px}
.field input[type="text"],.field input[type="email"],.field input[type="tel"],.field select{width:100%;padding:10px 12px;border:1px solid #e6e7ea;border-radius:8px;background:#fff}
.req{color:var(--accent);font-weight:700;margin-left:6px}
.field-error{color:#d14343;font-size:13px;margin-top:6px}

.ticket-list{display:flex;flex-direction:column;gap:8px}
.ticket{display:flex;align-items:center;border:1px solid #f1f1f3;padding:10px;border-radius:8px;cursor:pointer}
.ticket input{margin-right:12px}
.ticket-body{display:flex;justify-content:space-between;align-items:center;width:100%}
.ticket-title{font-weight:600}
.ticket-price{color:var(--accent);font-weight:800}
.ticket input:checked + .ticket-body{outline:2px solid rgba(225,29,72,0.06)}
.ticket.selected{border:1px solid rgba(225,29,72,0.18);box-shadow:0 8px 18px rgba(225,29,72,0.06);background:linear-gradient(180deg,#fff,#fff)}

/* promo */
.promo-applied{color:var(--accent);font-weight:700;margin-top:8px}

.field-error{color:#d14343;font-size:13px;margin-top:6px}

.btn-primary{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;border:0;cursor:pointer}
.btn-ghost{background:transparent;border:1px solid #e6e7ea;padding:10px 14px;border-radius:8px;cursor:pointer}

.reg-side{display:flex;flex-direction:column;gap:16px}
.side-card .side-image{height:180px;background:linear-gradient(180deg,#e6f6f9,#dfeff3);border-radius:8px;margin-bottom:12px}
.side-card h4{margin-bottom:6px}
.muted{color:var(--muted);font-size:14px}

.order-card .summary-row{display:flex;justify-content:space-between;padding:8px 0;color:#0f172a}
.order-card hr{border:none;border-top:1px solid #f1f1f3;margin:12px 0}
.summary-total{display:flex;justify-content:space-between;font-weight:800;margin-top:8px}
.btn-pay{margin-top:12px;background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;border:0;width:100%;cursor:pointer}

@media(max-width:900px){
  .reg-grid{grid-template-columns:1fr}
  .field.two{width:100%}
}