.betk-retiro-e {
  --retiro-primary: #ff2c2c;
  --retiro-secondary: #d9ad58;
  --retiro-text: #f5f3f0;
  --retiro-accent: #39c9b6;
  --retiro-bg: #10131b;
  --retiro-surface: #1b202b;
  --retiro-border: #343a48;
  color: var(--retiro-text);
  background: var(--retiro-bg);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
  overflow-x: clip;
  max-width: 100%;
}
.betk-retiro-e, .betk-retiro-e * { box-sizing: border-box; }
.betk-retiro-e main, .betk-retiro-e section, .betk-retiro-e article, .betk-retiro-e figure, .betk-retiro-e img, .betk-retiro-e a, .betk-retiro-e button, .betk-retiro-e h1, .betk-retiro-e h2, .betk-retiro-e h3, .betk-retiro-e p, .betk-retiro-e figcaption { max-width: 100%; }
.betk-retiro-e :is(h1,h2,h3,p,a,button,figcaption) { overflow-wrap: break-word; }
.betk-retiro-e :is(section,article,figure,div,li) { min-width: 0; }
.betk-retiro-e :is(h1,h2,h3,p,figure) { margin-top: 0; }
.betk-retiro-e p { color: #c9cbd2; }
.betk-retiro-e h1, .betk-retiro-e h2, .betk-retiro-e h3 { color: var(--retiro-text); line-height: 1.16; letter-spacing: 0; }
.betk-retiro-e h1 { font-size: clamp(2.2rem,3.8vw,4rem); margin-bottom: 1.25rem; }
.betk-retiro-e h2 { font-size: clamp(1.8rem,2.4vw,2.7rem); margin-bottom: 1rem; }
.betk-retiro-e h3 { font-size: 1.17rem; margin-bottom: .65rem; }
.betk-retiro-e section { padding: clamp(3rem,5vw,5.5rem) max(24px, calc((100% - 1120px) / 2)); }
.betk-retiro-e img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.betk-retiro-e a { color: var(--retiro-accent); text-underline-offset: 4px; }
.betk-retiro-e a:focus-visible, .betk-retiro-e summary:focus-visible { outline: 3px solid var(--retiro-accent); outline-offset: 4px; }
.betk-retiro-e strong { font-weight: 800; }
.retiro-label { color: var(--retiro-secondary) !important; font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .9rem; }
.retiro-button { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: .75rem 1.25rem; border-radius: 3px; font-weight: 800; text-align: center; text-decoration: none; transition: background .2s, color .2s; }
.retiro-button--primary { background: var(--retiro-primary); color: var(--retiro-bg) !important; }
.retiro-button--primary:hover { background: #ff5c5c; color: var(--retiro-bg) !important; }
.retiro-intro { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr); gap: clamp(2rem,5vw,5rem); align-items: center; border-bottom: 1px solid var(--retiro-border); }
.retiro-intro__copy > p:not(.retiro-label) { font-size: 1.03rem; }
.retiro-intro .retiro-button { margin-top: .75rem; }
.retiro-intro__visual { overflow: hidden; border-bottom: 3px solid var(--retiro-primary); }
.retiro-intro__visual img { aspect-ratio: 16 / 9; }
.retiro-flow { background: var(--retiro-surface); }
.retiro-flow__heading { max-width: 740px; }
.retiro-flow__rail { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; margin-top: 2.5rem; }
.retiro-flow__rail article { border-top: 2px solid var(--retiro-primary); padding-top: 1.3rem; }
.retiro-flow__mark { color: var(--retiro-primary); display: block; font-size: .65rem; margin-bottom: .8rem; }
.retiro-flow__rail p { margin-bottom: 0; }
.retiro-method { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); align-items: center; gap: 4rem; }
.retiro-method__visual { border: 1px solid var(--retiro-border); }
.retiro-method__visual img { aspect-ratio: 4 / 3; }
.retiro-check { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1fr); gap: 4rem; background: #171b24; }
.retiro-check ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--retiro-border); }
.retiro-check li { display: flex; gap: .85rem; border-bottom: 1px solid var(--retiro-border); padding: .9rem 0; color: #d9d9df; }
.retiro-check li span:first-child { color: var(--retiro-primary); font-weight: 900; }
.retiro-mobile { display: grid; grid-template-columns: minmax(0,.55fr) minmax(0,1fr); align-items: center; gap: clamp(2rem,5vw,6rem); }
.retiro-mobile__visual { width: min(100%,260px); justify-self: center; border: 3px solid var(--retiro-border); border-radius: 18px; overflow: hidden; }
.retiro-mobile__visual img { aspect-ratio: 9 / 16; }
.retiro-help { background: var(--retiro-surface); }
.retiro-help__heading { max-width: 650px; }
.retiro-help__items { columns: 2; column-gap: 3rem; margin-top: 2rem; }
.retiro-help details { break-inside: avoid; border-top: 1px solid var(--retiro-border); padding: 0 0 .1rem; }
.retiro-help summary { cursor: pointer; padding: 1rem 1.4rem 1rem 0; color: #fff; font-weight: 700; }
.retiro-help details p { margin-bottom: 1rem; }
.retiro-end { display: flex; justify-content: space-between; align-items: center; gap: 2.5rem; border-top: 2px solid var(--retiro-primary); background: #221c24; }
.retiro-end > div { max-width: 740px; }
.retiro-end p:last-child { margin-bottom: 0; }
.retiro-end .retiro-button { flex: 0 0 auto; }
@media (max-width: 900px) {
  .retiro-intro, .retiro-method, .retiro-check, .retiro-mobile { grid-template-columns: 1fr; gap: 2rem; }
  .retiro-flow__rail { gap: 1.2rem; }
  .retiro-end { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px) {
  .betk-retiro-e section { padding: 2.7rem 18px; }
  .betk-retiro-e h1 { font-size: 2.1rem; }
  .betk-retiro-e h2 { font-size: 1.65rem; }
  .retiro-flow__rail { grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1.7rem; }
  .retiro-help__items { columns: 1; }
  .retiro-mobile__visual { width: min(65%,210px); }
  .retiro-button { width: 100%; max-width: 100%; }
}
