/* Policy is prominent; personal usage is rendered only from the server response. */
.trial-offer {display:flex;align-items:center;gap:15px;border-block:1px solid #e6dcf0;padding:15px 0;margin:23px 0;color:#42304e;}
.trial-offer > b {font:500 40px/1 Arial,sans-serif;color:#7132f5;}
.trial-offer > div {display:grid;gap:3px;}
.trial-offer strong {font-size:16px;}
.trial-offer span {font-size:13px;color:#836d90;}
.trial-offer > a {margin-right:auto;font-size:12px;color:#77518e;white-space:nowrap;}
.hero-visual.hero-account-visual {min-height:0;height:auto;aspect-ratio:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;isolation:auto;overflow:visible;}
.hero-visual.hero-account-visual:before,.hero-visual.hero-account-visual:after {display:none;}
.hero-account-visual .hero-illustration {aspect-ratio:1.08;overflow:hidden;border:1px solid #e7dcf0;border-radius:18px;background:#f8f3fe;}
.hero-account-visual .hero-image,.hero-account-visual:hover .hero-image {display:block;position:static;width:100%;height:100%;object-fit:contain;object-position:50% 50%;border:0;border-radius:0;transform:none;filter:none;}
.hero-visual-foot {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 3px;border-bottom:1px solid #e7dfed;}
.hero-visual-foot > div {display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.hero-visual-foot small {font-size:11px;color:#8d7799;}
.hero-visual-foot strong {font:500 24px/1.3 Arial,sans-serif;color:#3b2948;white-space:nowrap;}
.hero-visual-foot strong span {color:#b09bc1;font-size:20px;margin-inline:9px;}
.hero-trials-note {font-size:11px;border:1px solid #e4d7ef;border-radius:6px;padding:6px 9px;color:#805c97;white-space:nowrap;}
.hero-art-caption {font-size:10px;color:#a08cab;line-height:1.8;margin:10px 3px 0;}
.recharge-card {margin-top:22px;}
.recharge-card h2 {font-size:22px;line-height:1.7;}
.trial-balance {display:flex;align-items:baseline;gap:14px;margin:12px 0 21px;}
.trial-balance > strong {font:500 47px/1 Arial,sans-serif;color:#7132f5;}
.trial-balance > strong small {font:12px Tajawal,Arial,sans-serif;color:#9a80a7;margin-right:8px;}
.trial-balance > span {font-size:14px;color:#70577e;}
.trial-slots {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;}
.trial-slot {display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e5dbee;border-radius:9px;background:#fcfaff;}
.trial-slot b {font:12px Arial,sans-serif;color:#7132f5;}
.trial-slot small {font-size:11px;color:#8e719e;}
.trial-slot.used {background:#f4f1f7;border-color:#e9e4ed;}
.trial-slot.used b,.trial-slot.used small {color:#a293ad;}
.trial-slot.reserved {background:#fff8eb;border-color:#eedcb6;}
.trial-slot.reserved small,.trial-slot.reserved b {color:#9c7b40;}
.recharge-explanation {font-size:14px;line-height:1.9;color:#80628e;}
.recharge-card .tiny {margin:13px 0;}
.recharge-card button:disabled {cursor:default;opacity:.65;}
.recharge-history {border-top:1px solid #e9e0ef;padding-top:14px;}
.recharge-history summary {font-size:13px;color:#765584;cursor:pointer;}
.recharge-history ol {list-style:none;margin:15px 0 0;padding:0;}
.recharge-history li {padding:13px 0;border-top:1px solid #eee6f3;}
.recharge-history li > div {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.recharge-history li strong {font-size:13px;color:#5e456b;}
.recharge-history li p {font-size:12px;line-height:1.8;margin:6px 0;color:#8b7199;}
.recharge-history li small {display:block;font-size:10px;color:#9a83a7;line-height:1.8;}
.request-state {font-size:11px;color:#8b7398;}
.request-state.pending {color:#a38039;}
.request-state.completed {color:#49816a;}
.recharge-history .request-note {color:#70547e;}
.portal-dialog input[type="checkbox"] {display:block;width:20px;min-height:20px;height:20px;margin:10px 0;accent-color:#7132f5;}
.trial-policy-card {margin-bottom:24px;}
@media(max-width:900px) {.hero-visual-foot > div {display:grid;gap:6px;}}
@media(max-width:600px) {
  .trial-offer {gap:12px;margin:18px 0;padding:13px 0;}
  .trial-offer > b {font-size:35px;}
  .trial-offer strong {font-size:14px;}
  .trial-offer span {font-size:12px;}
  .trial-offer > a {font-size:10px;}
  .hero-account-visual .hero-illustration {aspect-ratio:1.08;border-radius:14px;}
  .hero-visual-foot {padding-block:15px;gap:12px;}
  .hero-visual-foot strong {font-size:23px;}
  .hero-trials-note {font-size:10px;padding:5px 7px;}
  .hero-art-caption {font-size:10px;}
  .trial-slot {display:grid;gap:6px;text-align:center;padding:10px 6px;}
  .trial-slot small {font-size:10px;}
  .recharge-card h2 {font-size:21px;}
}