.membership-card{border:2px solid #08449c;border-radius:18px;padding:24px;margin-top:20px;overflow-wrap:anywhere}.membership-state{display:inline-block;border-radius:24px;padding:8px 14px;font-weight:800;background:#fff0b2;color:#563b00}.membership-state.active{background:#dcf5e8;color:#145333}.membership-state.payment_required,.membership-state.canceled{background:#ffe4e2;color:#822721}.membership-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.membership-facts dt{font-size:13px;font-weight:700;color:#455a78}.membership-facts dd{margin:5px 0 0}.membership-benefits{background:#eaf3ff;color:#092c60;padding:18px;border-radius:12px}.benefit-count{font-size:22px;font-weight:800}.membership-card h4{margin:8px 0;font-size:18px}.membership-vehicles{margin:22px 0}.policy-reference{font-family:monospace;font-size:13px}.membership-card .actions{display:flex;gap:12px;flex-wrap:wrap}.account-wrap .quick-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.account-wrap .quick-links a{padding:10px 14px;border:1px solid #bdd3ef;border-radius:10px}.account-wrap button,.account-wrap .button{min-height:44px}.account-wrap input,.account-wrap select{font-size:16px}#vehicles-list{padding-left:20px;overflow-wrap:anywhere}@media(max-width:540px){.membership-card{padding:16px}.membership-facts{grid-template-columns:1fr}.account-wrap{padding:16px}.account-wrap .panel{padding:18px}.hero-small{width:84px}.account-wrap .button{max-width:100%;white-space:normal}.membership-card .actions>*{flex:1;text-align:center}}
@media(max-width:600px){header{flex-wrap:wrap;gap:12px;padding:14px 16px}header .brand{flex-basis:100%}header>a:not(.brand){font-size:13px;padding:8px 0;white-space:normal}header>a:last-child{font-size:13px}}

.membership-state.waiting_period,.membership-state.payment_required{background:#e6efff;color:#204d87}.membership-state.canceled{background:#ffe4e2;color:#822721}