registration
obstacle run aare

.or-pricing { --or-yellow:#FCD500; --or-black:#000; --or-white:#fff; background:var(--or-black); padding:32px 16px; color:var(--or-white); font-family:'Oswald',Impact,sans-serif; } .or-pricing__title { color:var(--or-yellow); font-size:clamp(28px,4vw,52px); font-weight:800; text-align:center; letter-spacing:.02em; margin:0 0 24px; text-transform:uppercase; } .or-pricing__table { width:100%; border-collapse:collapse; font-size:clamp(14px,1.1vw,18px); } .or-pricing__table th, .or-pricing__table td { padding:14px 18px; text-align:left; border:1px solid var(--or-black); } .or-pricing__head--yellow { background:var(--or-yellow); color:var(--or-black); font-weight:700; } .or-pricing__head--center { text-align:center; } .or-pricing__table tbody td { font-weight:700; } .or-pricing__table tbody tr:nth-child(odd) td { background:var(--or-black); color:var(--or-white); } .or-pricing__table tbody tr:nth-child(even) td { background:var(--or-white); color:var(--or-black); } .or-pricing__table tbody td:first-child, .or-pricing__table tbody td:nth-child(2) { font-weight:700; } /* Mobile: stack each row as a card */ @media (max-width:768px) { .or-pricing__table thead { display:none; } .or-pricing__table, .or-pricing__table tbody, .or-pricing__table tr, .or-pricing__table td { display:block; width:100%; } .or-pricing__table tr { margin-bottom:16px; border:2px solid var(--or-yellow); } .or-pricing__table td { display:flex; justify-content:space-between; gap:16px; padding:10px 14px; } .or-pricing__table td[data-label]::before { content:attr(data-label); font-weight:700; color:var(--or-yellow); } .or-pricing__table tbody tr:nth-child(odd) td, .or-pricing__table tbody tr:nth-child(even) td { background:var(--or-black); color:var(--or-white); } }