*{box-sizing:border-box}

:root{
  --pink:#ff2fae;
  --pink2:#ff4fd8;
  --purple:#8b35ff;
  --dark:#07000f;
  --dark2:#14001f;
  --card:rgba(28,0,42,.78);
  --line:rgba(255,47,174,.34);
}

/* ===== TICKETS SUPPORT ===== */
.rl-tickets-page{
  --ticket-bg:#050617;
  --ticket-panel:#0b1024;
  --ticket-panel-soft:#0e1833;
  --ticket-line:rgba(124,92,255,.62);
  --ticket-pink:#ff2ba6;
  --ticket-purple:#9b4dff;
  --ticket-blue:#55a7ff;
  --ticket-text:#f8f7ff;
  --ticket-muted:#b6b2ca;
  width:100%;
  min-width:0;
  min-height:calc(100vh - 84px);
  padding:22px 16px 52px;
  color:var(--ticket-text);
  background:
    radial-gradient(circle at 4% 48%,rgba(255,43,166,.13),transparent 24%),
    radial-gradient(circle at 92% 22%,rgba(109,59,255,.16),transparent 28%),
    linear-gradient(135deg,#050617 0%,#09051c 54%,#13031e 100%);
  overflow:hidden;
}

.rl-tickets-page,
.rl-tickets-page *{
  box-sizing:border-box;
  letter-spacing:0;
}

.rl-tickets-page a{
  text-decoration:none!important;
}

.rl-tickets-container{
  width:100%;
  max-width:1120px;
  min-width:0;
  margin:0 auto;
}

.rl-tickets-hero{
  position:relative;
  min-height:220px;
  border:1px solid rgba(150,76,255,.72);
  border-radius:8px;
  background:#110724;
  box-shadow:0 16px 50px rgba(0,0,0,.34),0 0 30px rgba(155,77,255,.11);
  overflow:hidden;
}

.rl-tickets-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,7,35,.98) 0%,rgba(22,8,52,.88) 39%,rgba(22,8,52,.2) 66%,rgba(10,7,31,.06) 100%);
}

.rl-tickets-hero-image{
  position:absolute;
  inset:0 0 0 auto;
  z-index:0;
  width:68%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:72% 52%;
}

.rl-tickets-hero-copy{
  position:relative;
  z-index:2;
  width:58%;
  min-width:0;
  padding:27px 34px 24px;
}

.rl-tickets-kicker{
  display:block;
  margin-bottom:8px;
  color:#d29cff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}

.rl-tickets-hero h1{
  margin:0!important;
  color:#fff!important;
  font-size:46px;
  line-height:1.02;
  font-weight:950;
}

.rl-tickets-hero h1 span{
  color:#ff71c5;
}

.rl-tickets-hero-copy>p{
  margin:10px 0 17px;
  color:#e3dff0;
  font-size:17px;
  font-weight:700;
}

.rl-tickets-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.rl-tickets-benefits span{
  width:auto;
  min-height:34px;
  min-width:0;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#eee9f7;
  background:rgba(255,255,255,.055);
  font-size:12px;
  font-weight:800;
  overflow-wrap:anywhere;
}

.rl-tickets-benefits i{
  color:#ff5cbe;
  font-size:14px;
}

.rl-tickets-workspace{
  width:100%;
  min-width:0;
  margin-top:16px;
  display:grid;
  grid-template-columns:minmax(0,1.85fr) minmax(310px,1fr);
  align-items:start;
  gap:16px;
}

.rl-tickets-panel{
  min-width:0;
  border:1px solid var(--ticket-line);
  border-radius:8px;
  color:var(--ticket-text);
  background:linear-gradient(145deg,rgba(13,16,39,.98),rgba(8,25,52,.96));
  box-shadow:0 14px 40px rgba(0,0,0,.25);
}

.rl-tickets-form-panel{
  padding:18px 20px 20px;
}

.rl-tickets-panel-heading{
  min-width:0;
  margin-bottom:16px;
  display:flex;
  align-items:center;
  gap:12px;
}

.rl-tickets-heading-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid rgba(255,65,188,.45);
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,43,166,.35),rgba(109,59,255,.35));
  box-shadow:0 0 18px rgba(255,43,166,.18);
  font-size:20px;
}

.rl-tickets-panel-heading div{
  min-width:0;
  overflow-wrap:anywhere;
}

.rl-tickets-panel-heading h2,
.rl-tickets-history-heading h2{
  margin:0!important;
  color:#fff!important;
  font-size:21px;
  line-height:1.25;
  font-weight:900;
}

.rl-tickets-panel-heading p,
.rl-tickets-history-heading p{
  margin:3px 0 0;
  color:var(--ticket-muted);
  font-size:12px;
  line-height:1.45;
}

.rl-tickets-page .form-group{
  margin-bottom:13px;
}

.rl-tickets-page .control-label,
.rl-tickets-page label{
  margin-bottom:6px;
  color:#f3f0fb!important;
  font-size:13px;
  font-weight:800;
}

.rl-tickets-page .form-control{
  width:100%;
  min-width:0;
  height:40px;
  padding:8px 12px;
  border:1px solid rgba(113,94,255,.9)!important;
  border-radius:7px!important;
  color:#fff!important;
  background:#09132b!important;
  box-shadow:inset 0 0 0 1px rgba(20,112,255,.08)!important;
  font-size:14px;
}

.rl-tickets-page select.form-control{
  color-scheme:dark;
}

.rl-tickets-page textarea.form-control{
  min-height:112px;
  height:auto;
  resize:vertical;
}

.rl-tickets-page .form-control::placeholder{
  color:#787891;
  opacity:1;
}

.rl-tickets-page .form-control:focus{
  border-color:#ff4fba!important;
  outline:0;
  box-shadow:0 0 0 3px rgba(255,43,166,.13),0 0 18px rgba(109,59,255,.16)!important;
}

.rl-tickets-page #ticket-fields{
  min-width:0;
}

.rl-tickets-upload-field{
  min-width:0;
}

.rl-tickets-page .tickets-uploader{
  min-height:64px;
  padding:12px;
  border:1px dashed #7183ff;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#cbc9da;
  background:rgba(7,18,42,.78);
  overflow:hidden;
}

.rl-tickets-page .tickets-uploader a,
.rl-tickets-page .tickets-uploader button,
.rl-tickets-page .tickets-uploader label{
  color:#d6bdff!important;
}

.rl-tickets-submit{
  width:172px;
  min-height:42px;
  margin-top:1px;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff!important;
  background:linear-gradient(100deg,#ff18b4,#9b43ff)!important;
  box-shadow:0 8px 22px rgba(255,43,166,.22)!important;
  font-weight:900!important;
}

.rl-tickets-submit:hover,
.rl-tickets-submit:focus{
  border-color:#ff9ed8!important;
  color:#fff!important;
  background:linear-gradient(100deg,#ff38bf,#ad5dff)!important;
  box-shadow:0 0 0 3px rgba(255,43,166,.13),0 10px 26px rgba(255,43,166,.28)!important;
}

.rl-tickets-submit:disabled,
.rl-tickets-submit.disabled{
  opacity:.52;
  box-shadow:none!important;
  cursor:not-allowed;
}

.rl-tickets-aside{
  min-width:0;
  display:grid;
  gap:14px;
}

.rl-tickets-guide,
.rl-tickets-response{
  padding:16px;
}

.rl-tickets-guide-list{
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
  list-style:none;
  counter-reset:none;
}

.rl-tickets-guide-list li{
  min-width:0;
  min-height:70px;
  padding:10px 9px;
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:34px 42px minmax(0,1fr);
  align-items:center;
  gap:9px;
}

.rl-tickets-guide-list li:first-child{
  border-top:0;
}

.rl-tickets-guide-list b{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#b04cff,#6d3bff);
  box-shadow:0 0 15px rgba(155,77,255,.3);
  font-size:13px;
}

.rl-tickets-guide-list>li>i{
  width:42px;
  height:42px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#ff4db9;
  background:linear-gradient(145deg,rgba(255,43,166,.18),rgba(109,59,255,.2));
  font-size:19px;
}

.rl-tickets-guide-list span{
  min-width:0;
}

.rl-tickets-guide-list strong,
.rl-tickets-guide-list small{
  display:block;
}

.rl-tickets-guide-list strong{
  color:#fff;
  font-size:13px;
  line-height:1.35;
}

.rl-tickets-guide-list small{
  margin-top:3px;
  color:#a9a7be;
  font-size:10px;
  line-height:1.4;
}

.rl-tickets-response-time{
  min-height:110px;
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:16px;
  background:rgba(7,13,31,.55);
}

.rl-tickets-response-time>i{
  width:60px;
  height:60px;
  flex:0 0 60px;
  border:1px solid rgba(255,59,181,.35);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:radial-gradient(circle,rgba(255,43,166,.24),rgba(109,59,255,.13));
  box-shadow:0 0 22px rgba(255,43,166,.17);
  font-size:25px;
}

.rl-tickets-response-time span,
.rl-tickets-response-time small,
.rl-tickets-response-time strong,
.rl-tickets-response-time em{
  min-width:0;
  display:block;
}

.rl-tickets-response-time small{
  color:#c9c4d6;
  font-size:11px;
}

.rl-tickets-response-time strong{
  margin:3px 0 6px;
  color:#ff55bc;
  font-size:20px;
  line-height:1.15;
}

.rl-tickets-response-time em{
  color:#9f9caf;
  font-size:10px;
  font-style:normal;
}

.rl-tickets-information,
.rl-tickets-history{
  margin-top:16px;
  padding:18px 20px;
}

.rl-tickets-information{
  color:#dcd8e8;
  line-height:1.65;
}

.rl-tickets-history-heading{
  margin-bottom:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.rl-tickets-search{
  width:min(100%,320px);
  min-width:220px;
  position:relative;
  display:flex;
  align-items:center;
}

.rl-tickets-search>i{
  position:absolute;
  left:12px;
  z-index:1;
  color:#b796ff;
}

.rl-tickets-search .form-control{
  padding-left:35px;
  padding-right:43px;
}

.rl-tickets-search .btn{
  position:absolute;
  right:4px;
  width:32px;
  height:32px;
  padding:0;
  border:0!important;
  border-radius:6px!important;
  color:#fff!important;
  background:rgba(155,77,255,.2)!important;
}

.rl-tickets-table-scroll{
  width:100%;
  min-width:0;
  overflow-x:auto;
}

.rl-tickets-table{
  width:100%;
  margin:0!important;
  color:#e8e4f1;
  background:transparent!important;
}

.rl-tickets-table th,
.rl-tickets-table td{
  padding:12px 10px!important;
  border-color:rgba(255,255,255,.08)!important;
  color:inherit!important;
  vertical-align:middle!important;
}

.rl-tickets-table th{
  color:#aaa6ba!important;
  font-size:11px;
  font-weight:800;
}

.rl-tickets-table td{
  font-size:13px;
}

.rl-tickets-table td:first-child,
.rl-tickets-table a{
  color:#ff55bc!important;
  font-weight:800;
}

.rl-tickets-status{
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(155,77,255,.32);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  color:#d9c4ff;
  background:rgba(109,59,255,.1);
  font-size:11px;
  font-weight:800;
}

.rl-tickets-empty{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#a9a5b8;
}

.rl-tickets-pagination-wrap{
  margin-top:16px;
  text-align:center;
}

.rl-tickets-pagination{
  margin:0!important;
}

.rl-tickets-pagination>li>a{
  border-color:rgba(155,77,255,.3)!important;
  color:#d9ccf3!important;
  background:#0b1024!important;
}

.rl-tickets-pagination>li.active>a,
.rl-tickets-pagination>li>a:hover{
  border-color:#ff4db9!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7037da,#d526a5)!important;
}

.rl-tickets-page .ticket-danger{
  border:1px solid rgba(244,63,94,.45)!important;
  border-radius:7px!important;
  color:#ffc1cc!important;
  background:rgba(127,29,52,.28)!important;
}

@media(max-width:900px){
  .rl-tickets-workspace{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-tickets-aside{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:767px){
  .rl-tickets-page{
    min-height:calc(100vh - 64px);
    padding:12px 12px 36px;
  }

  .rl-tickets-hero{
    min-height:390px;
  }

  .rl-tickets-hero::after{
    background:linear-gradient(180deg,rgba(8,6,28,.98) 0%,rgba(15,7,40,.84) 46%,rgba(15,7,40,.15) 74%,rgba(8,6,28,.2) 100%);
  }

  .rl-tickets-hero-image{
    inset:auto 0 0;
    width:100%;
    height:58%;
    object-position:72% 51%;
  }

  .rl-tickets-hero-copy{
    width:100%;
    padding:22px 18px;
  }

  .rl-tickets-hero h1{
    font-size:36px;
  }

  .rl-tickets-hero-copy>p{
    font-size:14px;
  }

  .rl-tickets-benefits span{
    padding-left:9px;
    padding-right:9px;
    font-size:10px;
  }

  .rl-tickets-aside{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-tickets-history-heading{
    align-items:stretch;
    flex-direction:column;
  }

  .rl-tickets-search{
    width:100%;
    min-width:0;
  }
}

@media(max-width:540px){
  .rl-tickets-page{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-tickets-hero{
    min-height:430px;
  }

  .rl-tickets-hero h1{
    font-size:31px;
  }

  .rl-tickets-benefits{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .rl-tickets-benefits span{
    width:100%;
    min-width:0;
    padding:6px;
    justify-content:center;
    text-align:center;
  }

  .rl-tickets-form-panel,
  .rl-tickets-guide,
  .rl-tickets-response,
  .rl-tickets-information,
  .rl-tickets-history{
    padding:14px;
  }

  .rl-tickets-panel-heading{
    align-items:flex-start;
  }

  .rl-tickets-heading-icon{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  .rl-tickets-panel-heading h2,
  .rl-tickets-history-heading h2{
    font-size:19px;
  }

  .rl-tickets-submit{
    width:100%;
  }

  .rl-tickets-guide-list li{
    grid-template-columns:30px 38px minmax(0,1fr);
    gap:7px;
    padding-left:2px;
    padding-right:2px;
  }

  .rl-tickets-guide-list b{
    width:29px;
    height:29px;
  }

  .rl-tickets-guide-list>li>i{
    width:38px;
    height:38px;
  }

  .rl-tickets-response-time{
    gap:12px;
  }

  .rl-tickets-response-time>i{
    width:50px;
    height:50px;
    flex-basis:50px;
    font-size:21px;
  }

  .rl-tickets-response-time strong{
    font-size:18px;
  }

  .rl-tickets-table thead{
    display:none;
  }

  .rl-tickets-table,
  .rl-tickets-table tbody,
  .rl-tickets-table tr,
  .rl-tickets-table td{
    width:100%;
    display:block;
  }

  .rl-tickets-table tr{
    padding:9px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .rl-tickets-table td{
    padding:5px 0!important;
    border:0!important;
    display:grid;
    grid-template-columns:100px minmax(0,1fr);
    gap:10px;
  }

  .rl-tickets-table td::before{
    content:attr(data-label);
    color:#8f8ba0;
    font-size:10px;
    font-weight:800;
  }
}

html,body{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  background:#07000f!important;
  color:#fff!important;
  font-family:Arial,Tahoma,sans-serif!important;
}

/* NAV */
.navbar,.navbar-default{
  margin:0!important;
  border:0!important;
  min-height:80px!important;
  background:linear-gradient(90deg,#07000f 0%,#21002c 50%,#080011 100%)!important;
  border-bottom:1px solid rgba(255,47,174,.22)!important;
}

.navbar .container-fluid{
  width:1200px!important;
  max-width:92%!important;
  min-height:80px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.navbar-header{
  width:300px!important;
  height:80px!important;
  display:flex!important;
  align-items:center!important;
}

.navbar-brand.rl-logo{
  width:280px!important;
  height:80px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
  font-size:0!important;
  color:transparent!important;
}

.navbar-brand.rl-logo img{
  width:250px!important;
  height:auto!important;
  max-height:70px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
}

.navbar-brand.rl-logo:before,
.navbar-brand.rl-logo:after{
  display:none!important;
  content:none!important;
}

.navbar-collapse{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex:1!important;
}

.navbar-nav{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:0!important;
}

.navbar-nav>li>a{
  color:#fff!important;
  font-weight:900!important;
  padding:14px 22px!important;
  border-radius:12px!important;
  background:transparent!important;
}

.navbar-nav>li.active>a,
.navbar-nav>li>a:hover{
  background:rgba(255,47,174,.16)!important;
  color:#fff!important;
}

/* HERO */
.rl-page{
  background:#07000f!important;
}

.rl-container{
  width:1200px;
  max-width:92%;
  margin:0 auto;
}

.rl-hero{
  position:relative;
  overflow:hidden;
  padding:70px 0 0;
  min-height:760px;
  background:
    radial-gradient(circle at 76% 35%,rgba(255,47,174,.30),transparent 30%),
    radial-gradient(circle at 10% 85%,rgba(139,53,255,.32),transparent 35%),
    linear-gradient(135deg,#07000f 0%,#14001f 45%,#06000d 100%);
}

.rl-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(145deg,transparent 0 55%,rgba(255,47,174,.11) 56%,transparent 60%),
    radial-gradient(circle at 80% 45%,rgba(255,47,174,.18),transparent 35%);
  pointer-events:none;
}

.rl-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:46% 54%;
  gap:25px;
  align-items:center;
}

.rl-left{
  padding-top:5px;
}

.rl-badge{
  display:inline-flex;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-weight:900;
  margin-bottom:22px;
}

.rl-title{
  margin:0;
  font-size:58px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-1px;
  color:#fff;
}

.rl-title span{
  color:var(--pink);
  text-shadow:0 0 22px rgba(255,47,174,.55);
}

.rl-subtitle{
  margin:18px 0 14px;
  font-size:23px;
  color:var(--pink2);
  font-weight:950;
}

.rl-desc{
  margin:0 0 22px;
  color:#fff;
  font-size:16px;
  line-height:1.75;
  font-weight:700;
}

.rl-pills{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.rl-pills span{
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
  font-weight:900;
}

/* LOGIN */
.rl-login-card{
  max-width:520px;
  padding:20px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(50,7,72,.76),rgba(13,0,22,.94));
  border:1px solid var(--line);
  box-shadow:0 0 28px rgba(255,47,174,.16);
}

.rl-input-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.rl-field label{
  display:block;
  color:#fff;
  font-weight:900;
  margin-bottom:8px;
}

.rl-field input{
  width:100%!important;
  height:48px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  padding:0 14px!important;
}

.rl-field input::placeholder{
  color:rgba(255,255,255,.65)!important;
}

.rl-remember-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:14px 0;
}

.rl-check{
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-weight:700;
}

.rl-remember-row a,
.rl-register a{
  color:var(--pink2)!important;
  font-weight:900;
}

.rl-login-btn{
  width:100%;
  height:52px;
  border:0;
  border-radius:12px;
  color:#fff;
  font-weight:950;
  font-size:18px;
  background:linear-gradient(90deg,var(--purple),var(--pink));
  box-shadow:0 0 24px rgba(255,47,174,.34);
}

.rl-register{
  text-align:center;
  margin-top:14px;
  color:#fff;
  font-weight:800;
}

/* RABBIT */
.rl-right{
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.rl-rabbit{
  width:690px;
  max-width:112%;
  height:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 35px rgba(255,47,174,.38));
}

/* FEATURE */
.rl-feature-bar{
  position:relative;
  z-index:2;
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:rgba(19,0,31,.72);
}

.rl-feature-bar>div{
  display:flex;
  gap:15px;
  padding:22px;
  border-right:1px solid rgba(255,47,174,.22);
}

.rl-feature-bar>div:last-child{
  border-right:0;
}

.rl-feature-icon{
  font-size:38px;
}

.rl-feature-bar b{
  display:block;
  font-size:18px;
  color:#fff;
}

.rl-feature-bar p{
  margin:6px 0 0;
  color:#eadcff;
  line-height:1.55;
}

/* SERVICES */
.rl-services{
  padding:60px 0 75px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,47,174,.15),transparent 30%),
    linear-gradient(180deg,#080011 0%,#0b0018 100%);
  text-align:center;
}

.rl-services h2{
  margin:0;
  color:#fff;
  font-size:34px;
  font-weight:950;
}

.rl-services>.rl-container>p{
  color:#d9c6f5;
  margin:12px 0 32px;
}

.rl-service-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.rl-service-card{
  padding:26px 22px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(61,15,88,.78),rgba(24,2,39,.94));
  border:1px solid rgba(255,47,174,.28);
}

.rl-service-icon{
  width:88px;
  height:88px;
  margin:0 auto 14px;
  border-radius:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:46px;
  background:rgba(255,255,255,.08);
}

.rl-service-card h3{
  color:#fff;
  font-size:22px;
  margin:0 0 8px;
}

.rl-service-card p{
  color:#e0cff7;
  line-height:1.55;
}

.rl-service-card a{
  display:inline-flex;
  min-width:96px;
  height:36px;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  color:#fff!important;
  font-weight:900;
  background:linear-gradient(90deg,var(--purple),var(--pink));
  text-decoration:none!important;
}

/* STATS */
.rl-stat-bar{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  border-radius:17px;
  overflow:hidden;
  background:rgba(19,0,31,.78);
}

.rl-stat-bar>div{
  padding:20px;
  display:grid;
  grid-template-columns:auto 1fr;
  text-align:left;
  column-gap:12px;
  border-right:1px solid rgba(255,47,174,.2);
}

.rl-stat-bar>div:last-child{
  border-right:0;
}

.rl-stat-bar span{
  grid-row:1/3;
  font-size:34px;
}

.rl-stat-bar b{
  font-size:30px;
  color:#fff;
}

.rl-stat-bar p{
  margin:4px 0 0;
  color:#d9c6f5;
}

/* MOBILE */
@media(max-width:991px){
  .navbar .container-fluid{
    display:block!important;
    min-height:auto!important;
  }

  .navbar-header{
    width:100%!important;
    justify-content:center!important;
  }

  .navbar-collapse,
  .navbar-nav{
    justify-content:center!important;
    flex-wrap:wrap!important;
  }

  .rl-hero-grid{
    grid-template-columns:1fr;
  }

  .rl-title{
    font-size:42px;
  }

  .rl-right{
    min-height:auto;
  }

  .rl-rabbit{
    width:520px;
    max-width:100%;
  }

  .rl-feature-bar,
  .rl-service-grid,
  .rl-stat-bar{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:575px){
  .rl-title{
    font-size:34px;
  }

  .rl-input-row,
  .rl-feature-bar,
  .rl-service-grid,
  .rl-stat-bar{
    grid-template-columns:1fr;
  }
}
.rl-logo-img{
  width:340px!important;
  max-width:none!important;
  height:auto!important;
  display:block!important;
}
.rl-rabbit{
  width:860px!important;
}
/* LOGO FORCE FIX */
.navbar-brand.rl-logo{
  width:360px!important;
  height:80px!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  color:transparent!important;
  overflow:visible!important;
  background:url("https://storage.perfectcdn.com/j7orgy/632fkp535eoayt0m.png?v=99") no-repeat left center!important;
  background-size:320px auto!important;
}

.navbar-brand.rl-logo img,
.navbar-brand.rl-logo .rl-logo-img{
  display:none!important;
}

.navbar-header{
  width:390px!important;
  overflow:visible!important;
}

/* RABBIT BIGGER */
.rl-rabbit{
  width:980px!important;
  max-width:125%!important;
  transform:translateX(-20px) scale(1.12)!important;
  transform-origin:center center!important;
}
.navbar-brand.rl-logo{
  background:none!important;
  width:320px!important;
  height:80px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
  font-size:0!important;
}

.navbar-brand.rl-logo .rl-logo-img{
  display:block!important;
  width:270px!important;
  max-width:none!important;
  height:auto!important;
  max-height:70px!important;
  object-fit:contain!important;
}
/* FORCE SHOW LOGO */
.navbar-brand.rl-logo img,
.rl-logo img,
.rl-logo-img{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    z-index:9999 !important;
}

.navbar-brand.rl-logo{
    min-width:280px !important;
    min-height:70px !important;
    background:none !important;
}

.navbar-brand{
    text-indent:0 !important;
    overflow:visible !important;
    color:transparent !important;
}
/* HIDE BROKEN LOGO TEXT */
.navbar-brand,
.navbar-brand.rl-logo{
  display:none !important;
}

.navbar-header{
  width:0 !important;
  min-width:0 !important;
}
body{
    background:
    radial-gradient(circle at top right,
    rgba(255,0,170,.30) 0%,
    rgba(110,0,255,.18) 25%,
    #120018 60%,
    #090010 100%) !important;

    background-color:#090010 !important;
}
.rl-hero:before{
    content:'';
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 75% 35%,
    rgba(255,0,180,.28),
    transparent 45%);
    pointer-events:none;
}
.rl-rabbit{
    max-width:860px!important;
    transform:scale(1.08)!important;
    filter:
    drop-shadow(0 0 25px rgba(255,0,200,.55))
    drop-shadow(0 0 80px rgba(180,0,255,.45));
}
.navbar{
    background:rgba(18,0,28,.78)!important;
    backdrop-filter:blur(14px)!important;
    border-bottom:1px solid rgba(255,0,180,.18)!important;
    box-shadow:0 0 30px rgba(255,0,200,.12)!important;
}
.rl-login-card{
    background:
    linear-gradient(
    180deg,
    rgba(40,0,60,.92),
    rgba(15,0,25,.96)
    )!important;

    border:1px solid rgba(255,0,180,.18)!important;

    box-shadow:
    0 0 35px rgba(255,0,180,.18),
    inset 0 0 20px rgba(255,255,255,.03)!important;
}
/* FINAL HERO BALANCE */
.rl-hero{
  background:
    radial-gradient(circle at 78% 28%, rgba(255,47,174,.34), transparent 34%),
    radial-gradient(circle at 55% 70%, rgba(120,35,255,.18), transparent 42%),
    linear-gradient(135deg,#08000f 0%,#17001f 42%,#2a0030 100%) !important;
}

.rl-hero:before{
  background:
    radial-gradient(circle at 82% 42%, rgba(255,0,180,.22), transparent 38%) !important;
  opacity:.75 !important;
}

.rl-right{
  justify-content:flex-end !important;
  transform:translateX(150px) !important;
}
/* RECOVER HERO BALANCE */
.rl-right{
  justify-content:center !important;
  transform:translateX(80px) translateY(0) !important;
}

.rl-rabbit{
  width:960px !important;
  max-width:130% !important;
  transform:scale(1.08) !important;
  filter:
    drop-shadow(0 0 28px rgba(255,0,200,.42))
    drop-shadow(0 0 65px rgba(170,0,255,.25)) !important;
}

.rl-hero{
  background:
    radial-gradient(circle at 78% 30%, rgba(255,47,174,.26), transparent 36%),
    radial-gradient(circle at 35% 85%, rgba(120,35,255,.16), transparent 40%),
    linear-gradient(135deg,#08000f 0%,#14001e 48%,#210026 100%) !important;
}
/* FINAL SMALL TUNE */
.rl-right{
  transform:translateX(115px) translateY(0) !important;
}

.rl-rabbit{
  width:1000px !important;
  max-width:136% !important;
  transform:scale(1.1) !important;
}

.rl-hero{
  padding-top:55px !important;
}
/* PERFECT BALANCE */
.rl-hero .container{
  max-width:1450px !important;
  padding-left:70px !important;
  padding-right:70px !important;
}

.rl-left{
  transform:translateX(-15px) !important;
}

.rl-right{
  transform:translateX(135px) !important;
}
/* PREMIUM NAVBAR */
.navbar{
  background:rgba(10,0,20,.72) !important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,0,170,.18);
  box-shadow:0 0 25px rgba(255,0,170,.08);
}

.navbar-nav > li > a{
  color:#fff !important;
  font-weight:700;
  transition:.25s ease;
}

.navbar-nav > li > a:hover{
  color:#ff4fc8 !important;
  text-shadow:0 0 12px rgba(255,0,180,.7);
}

.navbar-default .navbar-nav>.active>a{
  background:linear-gradient(90deg,#742bff,#ff2fb2) !important;
  border-radius:12px;
  color:#fff !important;
  box-shadow:0 0 18px rgba(255,0,180,.35);
}
.r1-login-card{
  background:linear-gradient(
    180deg,
    rgba(35,0,55,.88),
    rgba(18,0,30,.92)
  ) !important;

  border:1px solid rgba(255,0,170,.22);
  box-shadow:
    0 0 30px rgba(255,0,170,.12),
    inset 0 0 25px rgba(255,255,255,.02);
}
.r1-feature-card,
.feature-card,
.card{
  background:rgba(25,0,40,.78) !important;
  border:1px solid rgba(255,0,180,.14);
  transition:.3s ease;
}

.r1-feature-card:hover,
.feature-card:hover,
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 0 25px rgba(255,0,180,.18);
}
/* FIX REAL LOGO */
.navbar .container-fluid{
  position:relative !important;
  padding-left:320px !important;
  overflow:visible !important;
}

/* โลโก้จริง */
.navbar .container-fluid::before{
  content:"" !important;

  position:absolute !important;
  left:25px !important;
  top:50% !important;

  transform:translateY(-50%) !important;

  width:260px !important;
  height:90px !important;

  background-image:url("https://storage.perfectcdn.com/j7orgy/632fkp535eoayt0m.png?v=1002") !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  background-size:contain !important;

  display:block !important;
  z-index:999999 !important;
  pointer-events:none !important;
}

/* ดันเมนู */
.navbar-nav{
  margin-left:0 !important;
}

/* navbar */
.navbar{
  min-height:84px !important;
  background:rgba(8,0,18,.92) !important;
  backdrop-filter:blur(18px) !important;
}
/* ===== REAL LOGO FIX ===== */
.rl-top-logo{
  display:block!important;
  position:absolute!important;
  left:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:260px!important;
  height:74px!important;
  z-index:999999!important;
}

.rl-top-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* ซ่อนโลโก้เก่าที่เป็นตัวหนังสือ */
.navbar-brand,
.navbar-brand.rl-logo{
  display:none!important;
}

.navbar .container-fluid{
  position:relative!important;
  overflow:visible!important;
  padding-left:310px!important;
}

/* ===== MOBILE FIX ===== */
@media(max-width:768px){
  .navbar{
    min-height:96px!important;
  }

  .navbar .container-fluid{
    padding-left:0!important;
    max-width:100%!important;
    width:100%!important;
    justify-content:center!important;
  }

  .rl-top-logo{
    left:12px!important;
    top:20px!important;
    transform:none!important;
    width:150px!important;
    height:46px!important;
  }

  .navbar-collapse{
    padding-top:48px!important;
    justify-content:center!important;
  }

  .navbar-nav{
    gap:8px!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
  }

  .navbar-nav>li>a{
    padding:10px 14px!important;
    font-size:15px!important;
  }

  .rl-hero{
    padding-top:36px!important;
    min-height:auto!important;
  }

  .rl-hero-grid{
    display:block!important;
  }

  .rl-left{
    transform:none!important;
    padding:0 18px!important;
    position:relative!important;
    z-index:3!important;
  }

  .rl-title{
    font-size:38px!important;
    line-height:1.15!important;
  }

  .rl-subtitle{
    font-size:23px!important;
  }

  .rl-login-card{
    width:100%!important;
    max-width:100%!important;
    padding:22px!important;
  }

  .rl-input-row{
    grid-template-columns:1fr!important;
  }

  .rl-right{
    position:relative!important;
    transform:none!important;
    margin-top:24px!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  .rl-rabbit{
    width:520px!important;
    max-width:135%!important;
    transform:translateX(55px) scale(1)!important;
  }

  .rl-feature-bar{
    grid-template-columns:1fr!important;
    margin:20px 18px 0!important;
  }
}
@media(max-width:768px){

  .rl-right{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    overflow:hidden!important;
    margin-top:10px!important;
  }

  .rl-rabbit,
  .r1-rabbit{
    width:420px!important;
    max-width:115%!important;

    transform:none!important;

    margin:0 auto!important;
    display:block!important;
  }

}

/* NEW ORDER */
body:has(.rl-order-shell) .navbar,
.rl-new-order-body .navbar{
  display:none!important;
}

.rl-order-shell{
  min-height:100vh;
  color:#f8f4ff;
  background:
    radial-gradient(circle at 72% 0%,rgba(255,47,174,.25),transparent 28%),
    radial-gradient(circle at 32% 14%,rgba(118,43,255,.2),transparent 32%),
    linear-gradient(135deg,#050711 0%,#090013 44%,#03040b 100%);
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
}

.rl-order-shell a{
  color:inherit;
  text-decoration:none!important;
}

.rl-order-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  padding:24px 20px;
  border-right:1px solid rgba(255,255,255,.09);
  background:rgba(4,5,15,.72);
  backdrop-filter:blur(18px);
  display:flex;
  flex-direction:column;
  gap:22px;
}

.rl-order-brand{
  display:flex;
  width:170px;
  height:56px;
  align-items:center;
}

.rl-order-brand img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.rl-order-menu{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.rl-order-menu a,
.rl-mobile-bottom-nav a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:44px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  color:#dcd6ef;
  font-weight:800;
  transition:.18s ease;
}

.rl-order-menu a i{
  width:20px;
  text-align:center;
  color:#c9b8ff;
}

.rl-order-menu a:hover,
.rl-order-menu a.is-active{
  color:#fff;
  border-color:rgba(255,47,174,.35);
  background:linear-gradient(90deg,rgba(117,43,255,.85),rgba(255,47,174,.88));
  box-shadow:0 0 22px rgba(255,47,174,.22);
}

.rl-order-promo{
  margin-top:auto;
  padding:18px;
  border:1px solid rgba(255,47,174,.24);
  border-radius:8px;
  background:
    linear-gradient(180deg,rgba(255,47,174,.13),rgba(117,43,255,.08)),
    rgba(255,255,255,.04);
}

.rl-order-promo span,
.rl-order-promo p{
  color:#cfc6df;
}

.rl-order-promo strong{
  display:block;
  margin:5px 0;
  font-size:20px;
}

.rl-order-promo a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  margin-top:12px;
  padding:0 14px;
  border-radius:8px;
  background:#ff2fae;
  color:#fff!important;
  font-weight:900;
}

.rl-order-main{
  min-width:0;
  padding:18px 28px 48px;
}

.rl-order-topbar{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.rl-order-search{
  width:min(520px,48vw);
  height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  color:#a99fba;
  background:rgba(255,255,255,.04);
}

.rl-order-mobile-brand{
  display:none;
}

.rl-order-account{
  display:flex;
  align-items:center;
  gap:10px;
}

.rl-order-balance,
.rl-order-account-link{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.04);
}

.rl-order-balance i{
  color:#ff2fae;
}

.rl-order-balance span{
  color:#cfc6df;
  font-size:12px;
}

.rl-order-balance strong{
  color:#fff;
  font-size:17px;
}

.rl-order-account-link{
  color:#ded7ee!important;
  font-weight:800;
}

.rl-order-hero{
  min-height:190px;
  margin:22px 0 14px;
  padding:18px 28px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:
    linear-gradient(125deg,rgba(255,47,174,.09),transparent 44%),
    linear-gradient(105deg,rgba(9,10,25,.92),rgba(30,5,52,.76));
  display:grid;
  grid-template-columns:minmax(0,46%) minmax(0,54%);
  align-items:center;
  gap:0;
  overflow:hidden;
}

.rl-order-hero>div:first-child{
  position:relative;
  z-index:2;
  min-width:0;
}

.rl-order-kicker{
  margin:0 0 6px;
  color:#ff6bd1;
  font-weight:900;
}

.rl-order-hero h1{
  margin:0;
  font-size:36px;
  line-height:1.16;
  font-weight:950;
  color:#fff;
}

.rl-order-hero p:last-child{
  max-width:640px;
  margin:10px 0 0;
  color:#ddd5ef;
  line-height:1.65;
  font-size:16px;
}

.rl-order-orbit{
  position:relative;
  z-index:1;
  width:100%;
  min-width:0;
  height:170px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  overflow:visible;
}

.rl-order-orbit::before{
  content:"";
  position:absolute;
  inset:12% 4% 6% 12%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(181,52,255,.16),rgba(255,47,174,.07) 42%,transparent 72%);
  pointer-events:none;
}

.rl-order-hero-image{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center right;
  filter:drop-shadow(0 0 18px rgba(173,62,255,.16));
}

.rl-platform-panel{
  display:grid;
  grid-template-columns:repeat(7,minmax(118px,1fr));
  gap:12px;
  margin-bottom:16px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  overflow-x:auto;
}

.rl-platform-chip{
  min-height:68px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  background:rgba(8,9,24,.8);
  color:#fff;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:4px 10px;
  align-items:center;
  text-align:left;
  padding:10px;
  transition:.18s ease;
}

.rl-platform-chip i{
  grid-row:1/3;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  color:#fff;
}

.rl-platform-chip span{
  font-weight:900;
}

.rl-platform-chip small{
  min-height:16px;
  color:#bfb5d2;
  font-weight:700;
}

.rl-platform-chip:hover,
.rl-platform-chip.is-active{
  border-color:#ff2fae;
  background:linear-gradient(135deg,rgba(117,43,255,.24),rgba(255,47,174,.18));
  box-shadow:0 0 22px rgba(255,47,174,.2);
}

.rl-order-content{
  display:grid;
  grid-template-columns:minmax(0,2.125fr) minmax(320px,1fr);
  gap:16px;
  align-items:start;
}

.rl-order-card{
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(11,12,29,.86),rgba(8,8,20,.94));
  box-shadow:0 14px 38px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,47,174,.04);
}

.rl-order-form-card{
  padding:20px;
}

.rl-step{
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.rl-step:first-of-type{
  padding-top:0;
}

.rl-step-heading,
.rl-card-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.rl-step-heading{
  justify-content:flex-start;
}

.rl-step-heading>span{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  border:1px solid #ff2fae;
  border-radius:8px;
  color:#fff;
  font-weight:950;
  box-shadow:0 0 18px rgba(255,47,174,.28);
}

.rl-step-heading h2,
.rl-card-title h2,
.rl-advice-card h2{
  margin:0;
  color:#fff;
  font-size:18px;
  font-weight:950;
}

.rl-step-heading p,
.rl-card-title span{
  margin:4px 0 0;
  color:#bfb5d2;
  line-height:1.45;
}

.rl-order-shell .form-group{
  margin-bottom:14px;
}

.rl-order-shell label{
  color:#f8f4ff;
  font-weight:900;
  margin-bottom:8px;
}

.rl-order-shell .form-control{
  min-height:46px;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  box-shadow:none!important;
}

.rl-order-shell .form-control:focus{
  border-color:#ff2fae!important;
  box-shadow:0 0 0 3px rgba(255,47,174,.16)!important;
}

.rl-order-shell .form-control::placeholder{
  color:#897f9b;
}

.rl-order-search-field .input-wrapper{
  position:relative;
}

.rl-order-search-field button{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  padding:0;
  border:0;
  background:transparent;
  color:#cbbcf2;
}

.rl-order-search-field input{
  padding-left:38px!important;
}

.rl-price-box{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin:18px 0 14px;
  border:1px solid rgba(255,47,174,.24);
  border-radius:8px;
  overflow:hidden;
  background:rgba(255,47,174,.18);
}

.rl-price-box>div{
  padding:14px;
  background:rgba(7,8,21,.92);
}

.rl-price-box span{
  display:block;
  color:#bfb5d2;
  font-size:12px;
}

.rl-price-box strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:20px;
}

.rl-price-box>div:last-child strong{
  color:#ff4fd8;
  font-size:24px;
  text-shadow:0 0 18px rgba(255,47,174,.35);
}

.rl-charge-field{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}

.rl-order-submit{
  width:100%;
  min-height:52px;
  border:0!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:linear-gradient(90deg,#752bff 0%,#d51ad7 48%,#ff2f8f 100%)!important;
  color:#fff!important;
  font-size:18px;
  font-weight:950;
  box-shadow:0 0 26px rgba(255,47,174,.35);
  transition:.18s ease;
}

.rl-order-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 0 34px rgba(255,47,174,.48);
}

.rl-order-aside{
  display:grid;
  gap:16px;
  min-width:0;
}

.rl-service-detail-card,
.rl-advice-card,
.rl-order-note{
  padding:20px;
}

.rl-service-detail-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "eyebrow badge"
    "title title";
  gap:6px 12px;
  min-width:0;
  align-items:flex-start;
}

.rl-service-detail-eyebrow{
  grid-area:eyebrow;
  display:block;
  margin:0!important;
  color:#bfb5d2;
  font-size:13px;
  font-weight:800;
}

.rl-service-detail-header h2{
  grid-area:title;
  display:-webkit-box;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
  font-size:17px;
  line-height:1.38;
  letter-spacing:0;
}

.rl-service-category-badge{
  grid-area:badge;
  max-width:180px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  padding:6px 9px;
  border:1px solid rgba(255,47,174,.3);
  border-radius:8px;
  color:#fff;
  background:rgba(255,47,174,.14);
  font-size:12px;
  line-height:1.35;
  white-space:nowrap;
}

.rl-detail-grid{
  display:grid;
  gap:0;
  border-top:1px solid rgba(255,255,255,.08);
}

.rl-service-detail-card .rl-detail-row{
  display:grid;
  grid-template-columns:minmax(108px,.72fr) minmax(0,1.28fr);
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:46px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.rl-service-detail-card .rl-detail-label{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
}

.rl-service-detail-card .rl-detail-label i{
  width:24px;
  color:#ff4fd8;
  text-align:center;
  font-size:14px;
}

.rl-service-detail-card .rl-detail-label span{
  min-width:0;
  color:#bfb5d2;
  font-size:13px;
}

.rl-service-detail-card .rl-detail-row>strong{
  display:-webkit-box;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1.42;
  text-align:left;
}

.rl-service-description-panel{
  margin-top:14px;
}

.rl-service-description-panel[hidden]{
  display:none!important;
}

.rl-service-description-source{
  display:none!important;
}

.rl-service-description-label{
  margin:0 0 8px;
  color:#f8f4ff;
  font-size:13px;
  font-weight:800;
}

.rl-service-description-body{
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.04)!important;
  color:#ded7ee;
  padding:14px;
  font-size:13px;
  font-weight:400;
  line-height:1.65;
  max-height:280px;
  overflow-x:hidden;
  overflow-y:auto;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.rl-service-description-body a{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.rl-service-description-toggle{
  width:100%;
  min-height:40px;
  margin-top:14px;
  border:1px solid rgba(255,47,174,.3);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:rgba(255,47,174,.08);
  color:#ff72d3;
  font-size:13px;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-service-description-toggle[hidden]{
  display:none!important;
}

.rl-service-description-toggle:hover,
.rl-service-description-toggle:focus{
  border-color:rgba(255,47,174,.62);
  background:rgba(255,47,174,.14);
  color:#fff;
  outline:0;
}

.rl-advice-card{
  background:
    linear-gradient(135deg,rgba(255,47,174,.13),transparent 58%),
    rgba(11,12,29,.92);
}

.rl-advice-card ul{
  margin:12px 0 0;
  padding-left:18px;
  color:#ded7ee;
  line-height:1.75;
}

.rl-order-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}

.rl-order-benefits>div{
  min-height:84px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:4px 12px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}

.rl-order-benefits i{
  grid-row:1/3;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(117,43,255,.8),rgba(255,47,174,.8));
}

.rl-order-benefits strong{
  color:#fff;
  font-size:16px;
}

.rl-order-benefits span{
  color:#cfc6df;
}

.rl-order-note{
  margin-top:16px;
  color:#ded7ee;
}

.rl-mobile-bottom-nav{
  display:none;
}

@media(max-width:1180px){
  .rl-order-shell{
    grid-template-columns:210px minmax(0,1fr);
  }

  .rl-order-orbit{
    height:148px;
  }

  .rl-platform-panel{
    grid-template-columns:repeat(7,132px);
  }

  .rl-order-content{
    grid-template-columns:1fr;
  }
}

@media(max-width:820px){
  .rl-order-shell{
    display:block;
    padding-bottom:76px;
  }

  .rl-order-sidebar{
    display:none;
  }

  .rl-order-main{
    padding:12px 12px 22px;
  }

  .rl-order-topbar{
    position:sticky;
    top:0;
    z-index:20;
    margin:-12px -12px 12px;
    padding:12px;
    background:rgba(4,5,15,.9);
    backdrop-filter:blur(16px);
  }

  .rl-order-mobile-brand{
    display:flex;
    width:128px;
    height:42px;
    flex:0 0 128px;
    align-items:center;
  }

  .rl-order-mobile-brand img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  .rl-order-search{
    display:none;
  }

  .rl-order-account{
    flex:1;
    min-width:0;
    justify-content:space-between;
  }

  .rl-order-balance{
    flex:1;
  }

  .rl-order-account-link{
    display:none;
  }

  .rl-order-hero{
    margin-top:10px;
    min-height:0;
    padding:18px 20px 12px;
    grid-template-columns:minmax(0,1fr);
    gap:6px;
  }

  .rl-order-hero h1{
    font-size:28px;
  }

  .rl-order-orbit{
    width:100%;
    height:120px;
    display:flex;
    justify-content:center;
  }

  .rl-order-hero-image{
    object-position:center;
  }

  .rl-platform-panel{
    grid-template-columns:repeat(7,118px);
    margin-left:-12px;
    margin-right:-12px;
    padding-left:12px;
    padding-right:12px;
    border-left:0;
    border-right:0;
    border-radius:0;
  }

  .rl-order-form-card,
  .rl-service-detail-card,
  .rl-advice-card,
  .rl-order-note{
    padding:16px;
  }

  .rl-price-box{
    grid-template-columns:1fr;
  }

  .rl-service-detail-header{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "eyebrow"
      "title"
      "badge";
    gap:10px;
  }

  .rl-service-category-badge{
    max-width:100%;
    justify-self:start;
  }

  .rl-service-detail-card .rl-detail-row{
    grid-template-columns:minmax(104px,.76fr) minmax(0,1.24fr);
  }

  .rl-service-detail-card .rl-detail-row>strong{
    text-align:left;
  }

  .rl-order-benefits{
    grid-template-columns:1fr;
  }

  .rl-mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
    height:68px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid rgba(255,255,255,.1);
    background:rgba(4,5,15,.94);
    backdrop-filter:blur(18px);
  }

  .rl-mobile-bottom-nav a{
    min-height:68px;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    padding:0 4px;
    border:0;
    border-radius:0;
    font-size:11px;
  }

  .rl-mobile-bottom-nav a i{
    font-size:18px;
    color:#d9caff;
  }

  .rl-mobile-bottom-nav a.is-active,
  .rl-mobile-bottom-nav a:hover{
    color:#ff4fd8;
  }
}


@media(max-width:520px){
  .rl-order-hero{
    padding:16px 16px 10px;
  }

  .rl-order-hero p:last-child{
    font-size:14px;
    line-height:1.5;
  }

  .rl-order-orbit{
    height:104px;
  }
}
/* ===== LOGO HEADER ===== */

.navbar-brand{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;

background-image:url("https://storage.perfectcdn.com/j7orgy/632fkp535eoayt0m.png?v=1002") !important;
background-repeat:no-repeat !important;
background-position:center left !important;
background-size:contain !important;

width:220px !important;
height:60px !important;

text-indent:-9999px !important;
overflow:hidden !important;

margin-left:15px !important;
}
/* ===== RABBIT LIKE LOGO ===== */

.navbar-brand{

background-image:url("https://storage.perfectcdn.com/j7orgy/632fkp535eoayt0m.png?v=1002") !important;
background-repeat:no-repeat !important;
background-position:left center !important;
background-size:260px auto !important;

width:280px !important;
height:70px !important;

display:block !important;
overflow:hidden !important;
text-indent:-9999px !important;

margin-left:15px !important;
margin-top:5px !important;
}

/* MOBILE */
@media(max-width:768px){

.navbar-brand{
width:190px !important;
height:55px !important;
background-size:170px auto !important;
margin-left:10px !important;
}

}
.navbar .container,
.navbar .container-fluid{
  width:1200px!important;
  max-width:92%!important;
  min-height:84px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.navbar-brand.rl-logo{
  width:300px!important;
  height:78px!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:none!important;
  text-indent:0!important;
}

.navbar-brand.rl-logo img,
.rl-logo-img{
  width:260px!important;
  height:auto!important;
  max-height:74px!important;
  display:block!important;
  object-fit:contain!important;
}

@media(max-width:768px){
  .navbar .container,
  .navbar .container-fluid{
    display:block!important;
    min-height:96px!important;
  }

  .navbar-brand.rl-logo{
    width:180px!important;
    height:54px!important;
    margin:0 auto!important;
    justify-content:center!important;
  }

  .navbar-brand.rl-logo img,
  .rl-logo-img{
    width:165px!important;
    max-height:50px!important;
  }
}
/* LOGO BIG PREMIUM */
.navbar-brand.rl-logo{
  width:390px!important;
  height:92px!important;
}

.navbar-brand.rl-logo img,
.rl-logo-img{
  width:380px!important;
  max-height:88px!important;
}

/* กันเมนูเบียด */
.navbar .container,
.navbar .container-fluid{
  gap:40px!important;
}

/* มือถือ */
@media(max-width:768px){
  .navbar-brand.rl-logo{
    width:230px!important;
    height:68px!important;
  }

  .navbar-brand.rl-logo img,
  .rl-logo-img{
    width:215px!important;
    max-height:64px!important;
  }
}
/* FORCE LOGO BIGGER */
.navbar-brand.rl-logo{
  width:360px!important;
  height:84px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
}

.navbar-brand.rl-logo img,
.rl-logo-img{
  width:520px!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
  transform:scale(1.75)!important;
  transform-origin:left center!important;
}

/* ===== ORDERS PAGE ===== */
body:has(.rl-orders-shell) .navbar,
body.rl-orders-body .navbar{
  display:none!important;
}

body.rl-orders-body{
  overflow-x:hidden!important;
  background:#05060d!important;
}

.rl-orders-shell{
  --orders-bg:#05060d;
  --orders-panel:#0b0d1a;
  --orders-panel-soft:#101222;
  --orders-line:rgba(255,255,255,.1);
  --orders-muted:#aaa6bd;
  --orders-text:#f8f6ff;
  --orders-pink:#ff3fb4;
  --orders-purple:#8b3dff;
  min-height:100vh;
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  color:var(--orders-text);
  background:
    linear-gradient(120deg,rgba(139,61,255,.08),transparent 34%),
    linear-gradient(180deg,#070817 0%,var(--orders-bg) 56%,#03040a 100%);
}

.rl-orders-shell,
.rl-orders-shell *{
  letter-spacing:0;
}

.rl-orders-shell a{
  color:inherit;
  text-decoration:none!important;
}

.rl-orders-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-width:0;
  padding:22px 18px;
  border-right:1px solid var(--orders-line);
  display:flex;
  flex-direction:column;
  gap:20px;
  background:rgba(5,6,15,.94);
  overflow-y:auto;
}

.rl-orders-brand{
  width:174px;
  height:58px;
  display:flex;
  align-items:center;
}

.rl-orders-brand img,
.rl-orders-mobile-brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.rl-orders-menu{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.rl-orders-menu a,
.rl-orders-mobile-nav a{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  color:#d9d5e7;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-orders-menu a i{
  width:20px;
  flex:0 0 20px;
  color:#d7b6ff;
  text-align:center;
}

.rl-orders-menu a:hover,
.rl-orders-menu a.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff;
  background:linear-gradient(90deg,rgba(139,61,255,.76),rgba(255,63,180,.75));
  box-shadow:0 0 20px rgba(255,63,180,.16);
}

.rl-orders-promo{
  margin-top:auto;
  padding:17px;
  border:1px solid rgba(255,63,180,.34);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(255,63,180,.12),rgba(139,61,255,.06));
}

.rl-orders-promo span,
.rl-orders-promo p{
  color:#c8c3d5;
}

.rl-orders-promo strong{
  display:block;
  margin:5px 0;
  color:#fff;
  font-size:20px;
}

.rl-orders-promo p{
  margin:0;
}

.rl-orders-promo a{
  min-height:36px;
  margin-top:13px;
  padding:0 14px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  background:#ff2f9e;
  font-weight:900;
}

.rl-orders-main{
  min-width:0;
  padding:18px clamp(18px,2.2vw,36px) 44px;
}

.rl-orders-topbar{
  min-height:60px;
  display:flex;
  align-items:center;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--orders-line);
}

.rl-orders-topbar-spacer{
  flex:1;
}

.rl-orders-mobile-brand{
  display:none;
}

.rl-orders-account{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.rl-orders-balance,
.rl-orders-account-link{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 12px;
  border:1px solid var(--orders-line);
  border-radius:8px;
  color:#ded9ea!important;
  background:rgba(255,255,255,.035);
}

.rl-orders-balance{
  border-color:rgba(255,63,180,.38);
}

.rl-orders-balance i{
  color:var(--orders-pink);
}

.rl-orders-balance span{
  color:var(--orders-muted);
  font-size:12px;
}

.rl-orders-balance strong{
  color:#fff;
  font-size:16px;
}

.rl-orders-account-link{
  font-weight:800;
}

.rl-orders-account-link:hover,
.rl-orders-account-link.is-active{
  border-color:rgba(255,63,180,.42);
  color:#fff!important;
}

.rl-orders-heading{
  padding:22px 0 18px;
}

.rl-orders-breadcrumb{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  color:#8e899e;
  font-size:13px;
  font-weight:700;
}

.rl-orders-breadcrumb a{
  color:var(--orders-pink);
}

.rl-orders-title-row{
  display:flex;
  align-items:center;
  gap:18px;
}

.rl-orders-title-icon{
  width:62px;
  height:62px;
  flex:0 0 62px;
  border:1px solid rgba(255,63,180,.68);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#6d32df,#d32aa8);
  box-shadow:0 0 24px rgba(177,46,214,.32);
  font-size:25px;
}

.rl-orders-title-row h1{
  margin:0;
  color:#fff;
  font-size:31px;
  line-height:1.2;
  font-weight:950;
}

.rl-orders-title-row p{
  margin:6px 0 0;
  color:#bdb7cb;
  font-size:15px;
}

.rl-orders-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.rl-orders-summary-card{
  min-height:108px;
  padding:17px;
  border:1px solid var(--orders-card-accent);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:14px;
  background:linear-gradient(135deg,var(--orders-card-tint),rgba(11,13,26,.96) 68%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.rl-orders-summary-card.is-total{
  --orders-card-accent:rgba(104,72,255,.65);
  --orders-card-tint:rgba(66,48,210,.2);
  --orders-card-icon:#6546f5;
}

.rl-orders-summary-card.is-completed{
  --orders-card-accent:rgba(17,180,104,.62);
  --orders-card-tint:rgba(10,128,77,.16);
  --orders-card-icon:#10a568;
}

.rl-orders-summary-card.is-progress{
  --orders-card-accent:rgba(239,150,26,.65);
  --orders-card-tint:rgba(186,104,12,.15);
  --orders-card-icon:#e99018;
}

.rl-orders-summary-card.is-canceled{
  --orders-card-accent:rgba(238,48,91,.66);
  --orders-card-tint:rgba(174,23,61,.15);
  --orders-card-icon:#d94360;
}

.rl-orders-summary-icon{
  width:50px;
  height:50px;
  flex:0 0 50px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:var(--orders-card-icon);
  font-size:21px;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}

.rl-orders-summary-card>div{
  min-width:0;
}

.rl-orders-summary-card>div>span,
.rl-orders-summary-card small{
  display:block;
  color:#bbb5c9;
  line-height:1.3;
}

.rl-orders-summary-card>div>span{
  font-weight:800;
}

.rl-orders-summary-card strong{
  display:block;
  margin:2px 0;
  color:#fff;
  font-size:26px;
  line-height:1.1;
}

.rl-orders-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:12px;
  align-items:stretch;
  margin-bottom:12px;
}

.rl-orders-status-tabs{
  min-width:0;
  min-height:46px;
  padding:4px;
  border:1px solid rgba(139,61,255,.5);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:3px;
  overflow-x:auto;
  background:rgba(10,11,25,.92);
  scrollbar-width:thin;
}

.rl-orders-status-tabs a{
  min-height:36px;
  flex:0 0 auto;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#aaa4b8;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}

.rl-orders-status-tabs a:hover{
  color:#fff;
  background:rgba(255,255,255,.06);
}

.rl-orders-status-tabs a.is-active{
  border-color:rgba(255,63,180,.38);
  color:#fff;
  background:linear-gradient(90deg,rgba(111,50,223,.76),rgba(205,37,166,.7));
  box-shadow:0 0 18px rgba(255,63,180,.16);
}

.rl-orders-search{
  min-width:0;
  height:46px;
  border:1px solid rgba(139,61,255,.5);
  border-radius:8px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 42px;
  align-items:center;
  background:rgba(10,11,25,.92);
  overflow:hidden;
}

.rl-orders-search>i{
  color:#a999c8;
  text-align:right;
}

.rl-orders-search input{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 11px;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
}

.rl-orders-search input::placeholder{
  color:#817b90;
}

.rl-orders-search button{
  width:42px;
  height:44px;
  border:0;
  border-left:1px solid rgba(255,255,255,.08);
  color:#fff;
  background:rgba(139,61,255,.16);
}

.rl-orders-search:focus-within{
  border-color:var(--orders-pink);
  box-shadow:0 0 0 3px rgba(255,63,180,.12);
}

.rl-orders-selection-bar{
  min-height:44px;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.rl-orders-selection-summary{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#aaa5b8;
  font-weight:700;
}

.rl-orders-selection-summary strong{
  color:#ff64c7;
}

.rl-orders-shell input[type="checkbox"]{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0;
  accent-color:#d62bb1;
  cursor:pointer;
}

.rl-orders-bulk-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.rl-orders-feedback{
  min-width:0;
  color:#7ee6bd;
  font-size:12px;
  font-weight:700;
}

.rl-orders-feedback.is-error{
  color:#ff8da5;
}

.rl-orders-tool-button,
.rl-orders-action-button,
.rl-orders-icon-button{
  border:1px solid rgba(139,61,255,.42);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#eee9f7;
  background:rgba(139,61,255,.1);
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-orders-tool-button{
  min-height:38px;
  padding:0 12px;
}

.rl-orders-tool-button.is-danger{
  border-color:rgba(238,48,91,.36);
  color:#ff829c;
  background:rgba(238,48,91,.07);
}

.rl-orders-tool-button:not(:disabled):hover,
.rl-orders-action-button:not(:disabled):hover,
.rl-orders-icon-button:hover{
  border-color:rgba(255,63,180,.7);
  color:#fff;
  background:rgba(255,63,180,.16);
}

.rl-orders-tool-button:disabled,
.rl-orders-action-button:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.rl-orders-table-card{
  min-width:0;
  border:1px solid var(--orders-line);
  border-radius:8px;
  background:rgba(8,10,22,.94);
  box-shadow:0 16px 44px rgba(0,0,0,.26);
  overflow:hidden;
}

.rl-orders-table-scroll{
  max-width:100%;
  overflow-x:auto;
}

.rl-orders-table{
  width:100%;
  min-width:1520px;
  margin:0;
  border-collapse:collapse;
  table-layout:fixed;
  color:#e7e3ee;
}

.rl-orders-table th,
.rl-orders-table td{
  border:0;
  border-bottom:1px solid rgba(255,255,255,.075);
  padding:8px 10px;
  vertical-align:middle;
  text-align:left;
}

.rl-orders-table th{
  height:48px;
  color:#aaa5b8;
  background:#0d1020;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.rl-orders-table td{
  height:68px;
  font-size:13px;
}

.rl-orders-table tbody tr{
  transition:background .15s ease;
}

.rl-orders-table tbody tr.is-progressively-hidden{
  display:none!important;
}

.rl-orders-table tbody tr:hover,
.rl-orders-table tbody tr.is-selected{
  background:rgba(139,61,255,.075);
}

.rl-orders-table th:nth-child(1){width:44px}
.rl-orders-table th:nth-child(2){width:86px}
.rl-orders-table th:nth-child(3){width:150px}
.rl-orders-table th:nth-child(4){width:260px}
.rl-orders-table th:nth-child(5){width:300px}
.rl-orders-table th:nth-child(6){width:84px}
.rl-orders-table th:nth-child(7){width:90px}
.rl-orders-table th:nth-child(8){width:100px}
.rl-orders-table th:nth-child(9){width:150px}
.rl-orders-table th:nth-child(10){width:86px}
.rl-orders-table th:nth-child(11){width:170px}

.rl-orders-table th:nth-child(n+6):nth-child(-n+11),
.rl-orders-table td:nth-child(n+6):nth-child(-n+11){
  text-align:center;
}

.rl-orders-check-column{
  text-align:center!important;
}

.rl-orders-id strong{
  color:#ff72cf;
  font-weight:900;
}

.rl-orders-date{
  color:#c8c3d0;
  white-space:nowrap;
}

.rl-orders-service{
  min-width:0;
}

.rl-orders-service-inner{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}

.rl-orders-platform-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#343747;
  font-size:15px;
}

.rl-orders-platform-icon.is-tiktok{background:#151820}
.rl-orders-platform-icon.is-instagram{background:linear-gradient(135deg,#7c3aed,#ec4899,#f59e0b)}
.rl-orders-platform-icon.is-facebook{background:#1674e8}
.rl-orders-platform-icon.is-youtube{background:#e80025}
.rl-orders-platform-icon.is-line{background:#16a866}
.rl-orders-platform-icon.is-twitter{background:#168ed7}

.rl-orders-service-text{
  min-width:0;
  max-height:2.7em;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
  line-height:1.35;
  text-overflow:ellipsis;
}

.rl-orders-link{
  min-width:0;
}

.rl-orders-link-inner{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
}

.rl-orders-link-text{
  min-width:0;
  flex:1;
  overflow:hidden;
  color:#aaa6b5;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-orders-icon-button{
  width:32px;
  height:32px;
  flex:0 0 32px;
  padding:0;
}

.rl-orders-status{
  min-height:28px;
  max-width:100%;
  padding:4px 10px;
  border:1px solid rgba(139,61,255,.5);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#dcd4ff;
  background:rgba(139,61,255,.16);
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
}

.rl-orders-status.is-pending{
  border-color:rgba(245,158,11,.65);
  color:#ffd487;
  background:rgba(180,91,8,.24);
}

.rl-orders-status.is-inprogress,
.rl-orders-status.is-processing{
  border-color:rgba(113,82,255,.7);
  color:#e3dcff;
  background:rgba(69,43,211,.38);
}

.rl-orders-status.is-completed{
  border-color:rgba(18,190,105,.66);
  color:#9ff1c8;
  background:rgba(6,130,70,.28);
}

.rl-orders-status.is-partial{
  border-color:rgba(15,187,221,.65);
  color:#a5edff;
  background:rgba(5,132,164,.26);
}

.rl-orders-status.is-canceled{
  border-color:rgba(244,63,94,.68);
  color:#ffb0bf;
  background:rgba(174,17,52,.27);
}

.rl-orders-status-note{
  margin-left:5px;
  color:#ff91d6;
}

.rl-orders-actions{
  min-width:0;
}

.rl-orders-actions-inner{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
}

.rl-orders-action-button{
  min-height:30px;
  padding:0 9px;
  font-size:11px;
}

.rl-orders-action-button.is-refill{
  border-color:rgba(16,185,129,.48);
  color:#9cebc9;
  background:rgba(16,185,129,.09);
}

.rl-orders-action-button.is-cancel{
  border-color:rgba(244,63,94,.55);
  color:#ff8ca2;
  background:rgba(244,63,94,.08);
}

.rl-orders-action-state{
  color:#bcb6c7;
  font-size:11px;
  line-height:1.35;
}

.rl-orders-empty-row td{
  height:220px;
  text-align:center;
}

.rl-orders-empty-row td>i,
.rl-orders-empty-row td>strong,
.rl-orders-empty-row td>span{
  display:block;
}

.rl-orders-empty-row td>i{
  margin-bottom:10px;
  color:#685f7a;
  font-size:30px;
}

.rl-orders-empty-row td>strong{
  color:#ece7f3;
  font-size:16px;
}

.rl-orders-empty-row td>span{
  margin-top:4px;
  color:#8f899c;
}

.rl-orders-table-footer{
  min-height:58px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#aaa4b6;
  font-size:13px;
}

.rl-orders-progress{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 12px;
  text-align:center;
}

.rl-orders-progress[hidden],
.rl-orders-progress-button[hidden]{
  display:none!important;
}

.rl-orders-progress-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.rl-orders-progress-button{
  min-height:32px;
  padding:0 10px;
  border:1px solid rgba(139,61,255,.42);
  border-radius:7px;
  color:#ddd7e8;
  background:rgba(139,61,255,.1);
  font-size:12px;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-orders-progress-button:hover{
  border-color:rgba(255,63,180,.7);
  color:#fff;
  background:rgba(255,63,180,.16);
}

.rl-orders-pagination{
  margin:0!important;
  display:flex;
  align-items:center;
  gap:5px;
}

.rl-orders-pagination>li>a,
.rl-orders-pagination>li>span{
  min-width:34px;
  height:34px;
  padding:0 9px;
  border:1px solid var(--orders-line)!important;
  border-radius:7px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c7c1d0!important;
  background:#0e1020!important;
}

.rl-orders-pagination>li.active>a,
.rl-orders-pagination>li>a:hover{
  border-color:rgba(255,63,180,.58)!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7132df,#c725a3)!important;
}

.rl-orders-shell .rl-orders-modal .modal-dialog{
  width:min(560px,calc(100vw - 28px));
  margin:30px auto;
}

.rl-orders-shell .rl-orders-modal .modal-content{
  max-height:calc(100vh - 60px);
  border:1px solid rgba(255,63,180,.34);
  border-radius:8px;
  color:#f4f0f8;
  background:#0c0d1a;
  box-shadow:0 22px 70px rgba(0,0,0,.56);
  overflow:hidden;
}

.rl-orders-shell .rl-orders-modal .modal-header{
  border-bottom:1px solid var(--orders-line);
}

.rl-orders-shell .rl-orders-modal .modal-title{
  color:#fff;
}

.rl-orders-shell .rl-orders-modal .close{
  color:#fff;
  opacity:.82;
  text-shadow:none;
}

.rl-orders-shell .rl-orders-modal .modal-body{
  max-height:calc(100vh - 145px);
  overflow-y:auto;
}

.rl-orders-shell .rl-orders-modal label{
  color:#d8d2e1;
}

.rl-orders-shell .rl-orders-modal .form-control{
  border:1px solid var(--orders-line)!important;
  border-radius:7px!important;
  color:#f5f1f8!important;
  background:#141625!important;
}

.rl-orders-mobile-nav{
  display:none;
}

@media(max-width:1180px){
  .rl-orders-shell{
    grid-template-columns:210px minmax(0,1fr);
  }

  .rl-orders-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rl-orders-controls{
    grid-template-columns:1fr;
  }

  .rl-orders-search{
    width:min(100%,420px);
    justify-self:end;
  }
}

@media(max-width:820px){
  .rl-orders-shell{
    display:block;
    padding-bottom:76px;
  }

  .rl-orders-sidebar{
    display:none;
  }

  .rl-orders-main{
    padding:12px 12px 24px;
  }

  .rl-orders-topbar{
    position:sticky;
    top:0;
    z-index:25;
    min-height:62px;
    margin:-12px -12px 0;
    padding:10px 12px;
    background:rgba(5,6,15,.94);
    backdrop-filter:blur(16px);
  }

  .rl-orders-mobile-brand{
    width:126px;
    height:42px;
    flex:0 0 126px;
    display:flex;
  }

  .rl-orders-topbar-spacer{
    display:none;
  }

  .rl-orders-account{
    flex:1;
    overflow:hidden;
  }

  .rl-orders-balance{
    min-width:0;
    margin-left:auto;
  }

  .rl-orders-balance span{
    display:none;
  }

  .rl-orders-balance strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rl-orders-account-link{
    display:none;
  }

  .rl-orders-heading{
    padding-top:18px;
  }

  .rl-orders-title-icon{
    width:52px;
    height:52px;
    flex-basis:52px;
    font-size:21px;
  }

  .rl-orders-title-row h1{
    font-size:26px;
  }

  .rl-orders-summary{
    gap:9px;
  }

  .rl-orders-summary-card{
    min-height:94px;
    padding:13px;
    gap:10px;
  }

  .rl-orders-summary-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
    font-size:18px;
  }

  .rl-orders-summary-card>div>span{
    font-size:12px;
  }

  .rl-orders-summary-card strong{
    font-size:22px;
  }

  .rl-orders-status-tabs{
    margin-left:-12px;
    margin-right:-12px;
    padding-left:12px;
    padding-right:12px;
    border-left:0;
    border-right:0;
    border-radius:0;
  }

  .rl-orders-search{
    width:100%;
  }

  .rl-orders-selection-bar{
    align-items:flex-start;
    flex-direction:column;
  }

  .rl-orders-bulk-actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .rl-orders-feedback{
    width:100%;
  }

  .rl-orders-table-card{
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }

  .rl-orders-table-scroll{
    overflow:visible;
  }

  .rl-orders-table{
    min-width:0;
    display:block;
  }

  .rl-orders-table thead{
    display:none;
  }

  .rl-orders-table tbody{
    display:grid;
    gap:10px;
  }

  .rl-orders-table tbody tr{
    width:100%;
    padding:12px;
    border:1px solid var(--orders-line);
    border-radius:8px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    background:rgba(9,11,23,.94);
    overflow:hidden;
  }

  .rl-orders-table td{
    width:100%!important;
    height:auto;
    min-width:0;
    padding:7px 6px;
    border:0;
    display:grid;
    grid-template-columns:minmax(78px,.8fr) minmax(0,1.2fr);
    align-items:start;
    gap:9px;
  }

  .rl-orders-table td::before{
    content:attr(data-label);
    color:#817b90;
    font-size:11px;
    font-weight:800;
  }

  .rl-orders-table td.rl-orders-check-column{
    grid-column:1/2;
    display:flex;
    align-items:center;
    justify-content:flex-start;
  }

  .rl-orders-table td.rl-orders-check-column::before{
    margin-right:8px;
  }

  .rl-orders-table td.rl-orders-id{
    grid-column:2/3;
  }

  .rl-orders-table td.rl-orders-service,
  .rl-orders-table td.rl-orders-link,
  .rl-orders-table td.rl-orders-actions{
    grid-column:1/-1;
  }

  .rl-orders-table td.rl-orders-service,
  .rl-orders-table td.rl-orders-link{
    grid-template-columns:minmax(78px,.8fr) minmax(0,1.2fr);
  }

  .rl-orders-table td.rl-orders-actions{
    display:grid;
    grid-template-columns:minmax(78px,.8fr) minmax(0,1.2fr);
    align-items:center;
  }

  .rl-orders-table td.rl-orders-actions::before{
    width:auto;
  }

  .rl-orders-service-inner,
  .rl-orders-link-inner,
  .rl-orders-actions-inner{
    min-width:0;
  }

  .rl-orders-actions-inner{
    justify-content:flex-start;
  }

  .rl-orders-table td:nth-child(n+6):nth-child(-n+11){
    text-align:left;
  }

  .rl-orders-service-text{
    -webkit-line-clamp:2;
  }

  .rl-orders-status{
    max-width:100%;
    justify-self:start;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .rl-orders-empty-row{
    display:block!important;
  }

  .rl-orders-empty-row td{
    height:180px;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }

  .rl-orders-empty-row td::before{
    display:none;
  }

  .rl-orders-table-footer{
    padding:14px 2px 0;
    align-items:flex-start;
    flex-direction:column;
  }

  .rl-orders-progress{
    width:100%;
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
  }

  .rl-orders-table-footer nav{
    width:100%;
    overflow-x:auto;
  }

  .rl-orders-pagination{
    width:max-content;
  }

  .rl-orders-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
    height:68px;
    border-top:1px solid var(--orders-line);
    display:flex;
    align-items:stretch;
    background:rgba(5,6,15,.96);
    backdrop-filter:blur(16px);
    overflow-x:auto;
  }

  .rl-orders-mobile-nav a{
    min-width:82px;
    min-height:68px;
    flex:1 0 82px;
    padding:5px 4px;
    border:0;
    border-radius:0;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    color:#aaa4b8;
    font-size:10px;
    text-align:center;
  }

  .rl-orders-mobile-nav a i{
    color:#d6b7ff;
    font-size:17px;
  }

  .rl-orders-mobile-nav a.is-active,
  .rl-orders-mobile-nav a:hover{
    color:#ff65c8;
    background:rgba(255,63,180,.08);
  }
}

@media(max-width:520px){
  .rl-orders-main{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-orders-topbar{
    margin-left:-10px;
    margin-right:-10px;
  }

  .rl-orders-mobile-brand{
    width:112px;
    flex-basis:112px;
  }

  .rl-orders-title-row{
    gap:12px;
  }

  .rl-orders-title-row h1{
    font-size:23px;
  }

  .rl-orders-title-row p{
    font-size:13px;
  }

  .rl-orders-summary-card{
    padding:11px;
  }

  .rl-orders-summary-icon{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:15px;
  }

  .rl-orders-summary-card strong{
    font-size:20px;
  }

  .rl-orders-tool-button{
    min-height:36px;
    padding:0 9px;
    font-size:11px;
  }

  .rl-orders-table tbody tr{
    padding:10px 8px;
  }

  .rl-orders-table td{
    grid-template-columns:minmax(72px,.75fr) minmax(0,1.25fr);
  }

  .rl-orders-table td.rl-orders-service,
  .rl-orders-table td.rl-orders-link{
    grid-template-columns:minmax(72px,.75fr) minmax(0,1.25fr);
  }

  .rl-orders-table td.rl-orders-actions{
    grid-template-columns:minmax(72px,.75fr) minmax(0,1.25fr);
  }
}

/* MOBILE FILTER GRIDS */
@media(max-width:767px){
  .rl-order-shell,
  .rl-orders-shell{
    padding-bottom:calc(76px + env(safe-area-inset-bottom));
  }

  .rl-platform-panel{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    padding:8px;
    border-left:1px solid rgba(255,255,255,.08);
    border-right:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    overflow:visible;
  }

  .rl-platform-chip{
    width:100%;
    min-width:0;
    min-height:82px;
    grid-column:auto;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:30px auto auto;
    align-content:center;
    justify-items:center;
    gap:3px;
    padding:7px 4px;
    text-align:center;
  }

  .rl-platform-chip:nth-child(n+5){
    transform:translateX(calc(50% + 3.5px));
  }

  .rl-platform-chip i{
    width:30px;
    height:30px;
    grid-row:auto;
    border-radius:7px;
    font-size:14px;
  }

  .rl-platform-chip span,
  .rl-platform-chip small{
    width:100%;
    min-width:0;
    overflow-wrap:anywhere;
    white-space:normal;
  }

  .rl-platform-chip span{
    font-size:11px;
    line-height:1.2;
  }

  .rl-platform-chip small{
    min-height:22px;
    font-size:9px;
    line-height:1.2;
  }

  .rl-orders-status-tabs{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    padding:6px;
    border-left:1px solid rgba(139,61,255,.5);
    border-right:1px solid rgba(139,61,255,.5);
    border-radius:8px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:6px;
    overflow:visible;
  }

  .rl-orders-status-tabs a{
    width:100%;
    min-width:0;
    min-height:44px;
    padding:6px 8px;
    line-height:1.25;
    text-align:center;
    white-space:normal;
  }

  .rl-orders-status-tabs a:last-child{
    width:calc(50% - 3px);
    grid-column:1/-1;
    justify-self:center;
  }

  .rl-mobile-bottom-nav,
  .rl-orders-mobile-nav{
    height:calc(68px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);
  }
}

@media(max-width:374px){
  .rl-platform-panel{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }

  .rl-platform-chip,
  .rl-platform-chip:nth-child(5),
  .rl-platform-chip:nth-child(6){
    grid-column:auto;
    grid-row:auto;
    transform:none;
  }

  .rl-platform-chip:nth-child(7){
    grid-column:2;
    grid-row:3;
    transform:none;
  }

  .rl-orders-status-tabs a{
    padding-left:4px;
    padding-right:4px;
    font-size:11px;
  }
}

/* NEW ORDER MOBILE WIDTH CONTAINMENT */
@media(max-width:767px){
  .rl-order-shell{
    width:100%;
    max-width:100%;
    min-width:0;
    padding-bottom:calc(100px + env(safe-area-inset-bottom));
    box-sizing:border-box;
  }

  .rl-order-main,
  .rl-order-content,
  .rl-order-content>*,
  .rl-order-form-card,
  .rl-order-aside,
  .rl-order-aside>*,
  .rl-order-benefits,
  .rl-order-note,
  .rl-order-shell #order-form,
  .rl-order-shell #fields{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  .rl-order-main{
    padding-left:12px;
    padding-right:12px;
  }

  .rl-order-topbar,
  .rl-order-account,
  .rl-order-balance{
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  .rl-order-topbar{
    width:100%;
    gap:8px;
  }

  .rl-order-mobile-brand{
    width:112px;
    flex-basis:112px;
  }

  .rl-order-balance span{
    display:none;
  }

  .rl-order-balance strong{
    max-width:100%;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rl-order-content{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-order-card,
  .rl-step,
  .rl-step-heading,
  .rl-step-heading>div,
  .rl-card-title,
  .rl-order-shell .form-group,
  .rl-order-shell .input-wrapper,
  .rl-detail-grid,
  .rl-service-description-panel,
  .rl-service-description-body{
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  .rl-step-heading h2,
  .rl-step-heading p,
  .rl-order-shell label,
  .rl-order-shell #fields,
  .rl-order-shell #fields>*{
    max-width:100%;
    min-width:0;
    overflow-wrap:anywhere;
    white-space:normal;
  }

  .rl-order-shell #order-form select,
  .rl-order-shell #order-form input:not([type="checkbox"]):not([type="radio"]),
  .rl-order-shell #order-form textarea,
  .rl-order-shell #order-form .form-control{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .rl-order-shell #fields .row{
    width:100%;
    max-width:100%;
    min-width:0;
    margin-left:0;
    margin-right:0;
  }

  .rl-order-shell #order-form .select2-container,
  .rl-order-shell #order-form .select2-container .selection,
  .rl-order-shell #order-form .select2-selection{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .rl-order-shell #order-form .select2-container{
    display:block;
  }

  .rl-order-shell #order-form .select2-selection__rendered{
    display:block;
    max-width:100%;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rl-new-order-body>.select2-container--open,
  .rl-new-order-body .select2-container--open .select2-dropdown{
    max-width:calc(100vw - 48px)!important;
    box-sizing:border-box!important;
  }

  .rl-new-order-body .select2-dropdown,
  .rl-new-order-body .select2-search,
  .rl-new-order-body .select2-results,
  .rl-new-order-body .select2-results__options,
  .rl-new-order-body .select2-results__option{
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  .rl-new-order-body .select2-search__field{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .rl-new-order-body .select2-results__option,
  .rl-new-order-body .select2-results__option a,
  .rl-new-order-body .select2-results__option span{
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .rl-price-box{
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr);
    box-sizing:border-box;
  }

  .rl-price-box>div,
  .rl-price-box span,
  .rl-price-box strong{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  .rl-price-box strong{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .rl-order-submit{
    width:100%!important;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  .rl-service-detail-header{
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "eyebrow"
      "title"
      "badge";
  }

  .rl-service-detail-header h2,
  .rl-service-category-badge{
    max-width:100%;
    min-width:0;
    overflow-wrap:anywhere;
  }

  .rl-service-category-badge{
    justify-self:start;
    white-space:normal;
  }

  .rl-service-detail-card .rl-detail-row{
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:minmax(110px,auto) minmax(0,1fr);
    align-items:start;
    gap:10px;
    box-sizing:border-box;
  }

  .rl-service-detail-card .rl-detail-label,
  .rl-service-detail-card .rl-detail-row>strong{
    max-width:100%;
    min-width:0;
  }

  .rl-service-detail-card .rl-detail-row>strong{
    justify-self:stretch;
    overflow-wrap:anywhere;
    word-break:break-word;
    text-align:left;
  }

  .rl-service-description-body,
  .rl-service-description-body *{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

@media(max-width:374px){
  .rl-order-main{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-order-form-card,
  .rl-service-detail-card,
  .rl-advice-card,
  .rl-order-note{
    padding-left:14px;
    padding-right:14px;
  }
}

/* ===== SERVICES CATALOG ===== */
body:has(.rl-services-shell) .navbar,
body.rl-services-body .navbar{
  display:none!important;
}

body.rl-services-body{
  background:#05060d!important;
}

.rl-services-shell{
  --services-bg:#05060d;
  --services-panel:#0b0d1a;
  --services-panel-soft:#101323;
  --services-line:rgba(255,255,255,.1);
  --services-text:#f8f6ff;
  --services-muted:#aaa5b8;
  --services-pink:#ff3fb4;
  --services-purple:#8b3dff;
  --services-blue:#37b8ff;
  min-height:100vh;
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  color:var(--services-text);
  background:
    linear-gradient(115deg,rgba(55,184,255,.055),transparent 31%),
    linear-gradient(180deg,#080817 0%,var(--services-bg) 54%,#03040a 100%);
}

.rl-services-shell,
.rl-services-shell *{
  letter-spacing:0;
}

.rl-services-shell a{
  color:inherit;
  text-decoration:none!important;
}

.rl-services-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-width:0;
  padding:22px 18px;
  border-right:1px solid var(--services-line);
  display:flex;
  flex-direction:column;
  gap:20px;
  background:rgba(5,6,15,.96);
  overflow-y:auto;
}

.rl-services-brand{
  width:176px;
  max-width:100%;
  height:58px;
  display:flex;
  align-items:center;
}

.rl-services-brand img,
.rl-services-mobile-brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.rl-services-menu{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.rl-services-menu a{
  min-height:44px;
  min-width:0;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#d8d4e5;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-services-menu a i{
  width:20px;
  flex:0 0 20px;
  color:#d8baff;
  text-align:center;
}

.rl-services-menu a span{
  min-width:0;
  overflow-wrap:anywhere;
}

.rl-services-menu a:hover,
.rl-services-menu a.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff;
  background:linear-gradient(90deg,rgba(126,52,232,.78),rgba(231,37,164,.78));
  box-shadow:0 0 20px rgba(255,63,180,.16);
}

.rl-services-logout{
  min-height:44px;
  margin-top:auto;
  padding:0 12px;
  border:1px solid rgba(244,63,94,.32);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#ff9bad!important;
  background:rgba(244,63,94,.07);
  font-weight:900;
}

.rl-services-logout:hover{
  border-color:rgba(244,63,94,.68);
  color:#fff!important;
  background:rgba(244,63,94,.15);
}

.rl-services-main{
  width:100%;
  min-width:0;
  padding:18px clamp(18px,2.2vw,36px) 46px;
}

.rl-services-topbar{
  min-height:60px;
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:14px;
  border-bottom:1px solid var(--services-line);
}

.rl-services-topbar-spacer{
  flex:1;
}

.rl-services-mobile-brand{
  display:none;
}

.rl-services-account{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.rl-services-balance,
.rl-services-account-link{
  min-width:0;
  min-height:42px;
  padding:7px 12px;
  border:1px solid var(--services-line);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:9px;
  background:rgba(255,255,255,.035);
}

.rl-services-balance{
  border-color:rgba(255,63,180,.4);
}

.rl-services-balance i{
  color:var(--services-pink);
}

.rl-services-balance span{
  color:var(--services-muted);
  font-size:11px;
}

.rl-services-balance strong{
  min-width:0;
  color:#fff;
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-services-account-link{
  color:#ded9ea!important;
  font-weight:800;
  white-space:nowrap;
}

.rl-services-account-link:hover,
.rl-services-account-link.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff!important;
  background:rgba(255,63,180,.09);
}

.rl-services-hero{
  position:relative;
  min-height:236px;
  margin:22px 0 16px;
  padding:26px;
  border:1px solid rgba(255,63,180,.25);
  border-radius:8px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  align-items:center;
  gap:24px;
  background:
    linear-gradient(110deg,rgba(255,63,180,.12),transparent 44%),
    linear-gradient(135deg,#0b0c1d 0%,#160822 58%,#0a1020 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  overflow:hidden;
}

.rl-services-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
}

.rl-services-kicker{
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(255,63,180,.35);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  color:#ff83d5;
  background:rgba(255,63,180,.09);
  font-size:12px;
  font-weight:900;
}

.rl-services-hero h1{
  margin:10px 0 0;
  color:#fff;
  font-size:42px;
  line-height:1.12;
  font-weight:950;
  overflow-wrap:anywhere;
}

.rl-services-hero-copy>p{
  margin:7px 0 0;
  color:#ff67c8;
  font-size:20px;
  font-weight:900;
}

.rl-services-benefits{
  max-width:760px;
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.rl-services-benefits>div{
  min-width:0;
  min-height:62px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:8px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:8px;
  background:rgba(5,6,16,.5);
}

.rl-services-benefits i{
  color:#49c7ff;
  text-align:center;
}

.rl-services-benefits>div:first-child i,
.rl-services-benefits>div:nth-child(3) i{
  color:#ff55be;
}

.rl-services-benefits span,
.rl-services-benefits strong,
.rl-services-benefits small{
  min-width:0;
  display:block;
}

.rl-services-benefits strong{
  color:#fff;
  font-size:12px;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.rl-services-benefits small{
  margin-top:3px;
  color:#aaa5b8;
  font-size:10px;
  line-height:1.25;
}

.rl-services-hero-art{
  position:relative;
  min-width:0;
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.rl-services-hero-art.is-unavailable{
  display:none;
}

.rl-services-shell.is-rl-hero-image-unavailable .rl-services-hero{
  grid-template-columns:minmax(0,1fr);
}

.rl-services-hero-art::before{
  content:"";
  position:absolute;
  inset:20% 8% 14%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,63,180,.2) 0%,rgba(139,61,255,.14) 45%,transparent 72%);
  filter:blur(22px);
  pointer-events:none;
}

.rl-services-hero-image{
  position:relative;
  z-index:1;
  width:min(100%,600px);
  height:auto;
  max-height:220px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 22px rgba(255,63,180,.28));
}

.rl-services-hero-image[hidden]{
  display:none!important;
}

.rl-services-controls{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:12px;
}

.rl-services-search{
  min-width:0;
  height:48px;
  border:1px solid rgba(139,61,255,.48);
  border-radius:8px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 46px;
  align-items:center;
  background:rgba(10,11,25,.92);
  overflow:hidden;
}

.rl-services-search>i{
  color:#a99bc5;
  text-align:right;
}

.rl-services-search .form-control{
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}

.rl-services-search .form-control::placeholder{
  color:#80798f;
}

.rl-services-search button{
  width:46px;
  height:46px;
  padding:0;
  border:0;
  border-left:1px solid rgba(255,255,255,.08);
  color:#fff;
  background:rgba(139,61,255,.15);
}

.rl-services-search:focus-within{
  border-color:var(--services-pink);
  box-shadow:0 0 0 3px rgba(255,63,180,.12);
}

.rl-services-filter-actions{
  min-width:0;
  display:flex;
  gap:8px;
}

.rl-services-category-filter>button,
.rl-services-currency-filter>button{
  width:230px;
  max-width:100%;
  min-height:48px;
  padding:0 13px;
  border:1px solid rgba(139,61,255,.48);
  border-radius:8px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  color:#eeeaf6;
  background:rgba(10,11,25,.92);
  font-weight:800;
  text-align:left;
}

.rl-services-currency-filter>button{
  width:150px;
}

.rl-services-category-filter>button>span:not(.caret),
.rl-services-currency-filter>button>span:not(.caret){
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-services-category-filter>button>i,
.rl-services-currency-filter>button>i{
  color:#58caff;
}

.rl-services-filter-actions .dropdown-menu{
  width:max-content;
  min-width:100%;
  max-width:min(420px,calc(100vw - 28px));
  max-height:340px;
  padding:6px;
  border:1px solid rgba(255,63,180,.28);
  border-radius:8px;
  color:#eeeaf6;
  background:#101221;
  box-shadow:0 18px 48px rgba(0,0,0,.46);
  overflow-y:auto;
}

.rl-services-filter-actions .dropdown-menu a{
  min-height:38px;
  min-width:0;
  padding:8px 10px;
  border-radius:6px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#d8d3e2!important;
  white-space:normal;
  overflow-wrap:anywhere;
}

.rl-services-filter-actions .dropdown-menu a:hover{
  color:#fff!important;
  background:rgba(255,63,180,.13)!important;
}

.rl-services-filter-actions .dropdown-menu img{
  width:22px;
  height:22px;
  flex:0 0 22px;
  object-fit:contain;
}

.rl-services-platforms{
  min-width:0;
  margin-top:12px;
  display:flex;
  align-items:stretch;
  gap:7px;
  flex-wrap:wrap;
}

.rl-services-platforms button{
  min-width:0;
  min-height:44px;
  padding:7px 13px;
  border:1px solid var(--services-line);
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#cbc6d6;
  background:rgba(12,14,29,.9);
  font-size:12px;
  font-weight:900;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-services-platforms button i{
  width:28px;
  height:28px;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#252839;
}

.rl-services-platforms button[data-rl-services-platform="tiktok"] i{background:#11131a}
.rl-services-platforms button[data-rl-services-platform="instagram"] i{background:linear-gradient(135deg,#7c3aed,#ec4899,#f59e0b)}
.rl-services-platforms button[data-rl-services-platform="facebook"] i{background:#1877e8}
.rl-services-platforms button[data-rl-services-platform="youtube"] i{background:#e80025}
.rl-services-platforms button[data-rl-services-platform="line"] i{background:#16a866}
.rl-services-platforms button[data-rl-services-platform="twitter"] i{background:#168ed7}
.rl-services-platforms button[data-rl-services-platform="favorites"] i{background:#e99018}

.rl-services-platforms button:hover,
.rl-services-platforms button.is-active{
  border-color:rgba(255,63,180,.6);
  color:#fff;
  background:linear-gradient(90deg,rgba(119,51,225,.76),rgba(218,39,169,.76));
  box-shadow:0 0 18px rgba(255,63,180,.15);
}

.rl-services-results-heading{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:5px;
  color:#a9a3b5;
  font-size:13px;
  font-weight:700;
}

.rl-services-results-heading strong{
  color:#ff68c9;
}

.rl-services-catalog{
  min-width:0;
}

.rl-services-table{
  width:100%;
  min-width:0;
  margin:0;
  border:0;
  border-collapse:separate;
  color:#eeeaf5;
  background:transparent;
}

.rl-services-table-head{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.rl-services-table tbody{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;
  align-items:stretch;
  gap:12px;
}

.rl-services-card-row,
.rl-services-category-row{
  width:100%;
  min-width:0;
}

.rl-services-card-row:not([style*="display: none"]){
  display:block!important;
}

.rl-services-card-row[style*="display: none"],
.rl-services-category-row[style*="display: none"],
.rl-services-card-row.hidden,
.rl-services-category-row.hidden,
.rl-services-card-row.is-rl-platform-hidden,
.rl-services-card-row.is-rl-page-hidden,
.rl-services-category-row.is-rl-platform-hidden,
.rl-services-category-row.is-rl-empty-category-hidden{
  display:none!important;
}

.rl-services-card-row>td,
.rl-services-category-row>td{
  width:100%;
  min-width:0;
  height:100%;
  padding:0;
  border:0;
  display:block;
}

.rl-services-category-row{
  display:none!important;
}

.rl-services-category-row:not(.is-rl-selected-category){
  display:none!important;
}

.rl-services-category-row>td{
  min-height:38px;
  padding:6px 4px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#d9d4e2;
}

.rl-services-category-row img{
  width:24px;
  height:24px;
  display:block;
  object-fit:contain;
}

.rl-services-category-row strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.rl-services-card{
  width:100%;
  min-width:0;
  height:100%;
  padding:14px;
  border:1px solid rgba(139,61,255,.32);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  background:
    linear-gradient(145deg,rgba(255,63,180,.055),transparent 45%),
    rgba(10,12,26,.96);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.rl-services-card-row{
  height:100%;
}

.rl-services-card:hover{
  border-color:rgba(255,63,180,.58);
  box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 20px rgba(255,63,180,.09);
  transform:translateY(-2px);
}

.rl-services-card-header{
  min-width:0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 34px;
  align-items:start;
  gap:11px;
}

.rl-services-platform-icon{
  width:48px;
  height:48px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#2a2e3e;
  font-size:22px;
}

.rl-services-platform-icon.is-tiktok{background:#11131a}
.rl-services-platform-icon.is-instagram{background:linear-gradient(135deg,#7c3aed,#ec4899,#f59e0b)}
.rl-services-platform-icon.is-facebook{background:#1877e8}
.rl-services-platform-icon.is-youtube{background:#e80025}
.rl-services-platform-icon.is-line{background:#16a866}
.rl-services-platform-icon.is-twitter{background:#168ed7}

.rl-services-card-title{
  min-width:0;
}

.rl-services-card-title h2{
  min-height:2.8em;
  max-height:2.8em;
  margin:0;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#fff;
  font-size:15px;
  line-height:1.4;
  font-weight:900;
  overflow-wrap:anywhere;
}

.rl-services-card-title>span{
  display:block;
  margin-top:3px;
  color:#8f899e;
  font-size:11px;
}

.rl-services-card-title>span strong{
  color:#c4bdd0;
}

.rl-services-favorite{
  width:34px;
  height:34px;
  border:1px solid rgba(139,61,255,.42);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ad9ee8;
  background:rgba(139,61,255,.08);
  cursor:pointer;
}

.rl-services-favorite:hover,
.rl-services-favorite:focus,
.rl-services-favorite.favorite-active{
  border-color:rgba(255,63,180,.68);
  color:#ff68c9;
  outline:0;
}

.rl-services-category-badge{
  width:max-content;
  max-width:100%;
  min-height:26px;
  margin:10px 0;
  padding:4px 8px;
  border:1px solid rgba(55,184,255,.25);
  border-radius:7px;
  color:#bfeaff;
  background:rgba(55,184,255,.07);
  font-size:10px;
  line-height:1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-services-card-metrics{
  min-width:0;
  margin-top:auto;
  border-top:1px solid var(--services-line);
  border-bottom:1px solid var(--services-line);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.rl-services-card-metrics>div{
  min-width:0;
  min-height:58px;
  padding:9px 8px;
  border-right:1px solid var(--services-line);
}

.rl-services-card-metrics>div:last-child{
  border-right:0;
}

.rl-services-card-metrics span,
.rl-services-card-metrics strong{
  min-width:0;
  display:block;
  overflow-wrap:anywhere;
}

.rl-services-card-metrics span{
  color:#8f899e;
  font-size:10px;
  line-height:1.3;
}

.rl-services-card-metrics strong{
  margin-top:4px;
  color:#fff;
  font-size:12px;
  line-height:1.35;
}

.rl-services-card-metrics .rl-services-rate strong{
  color:#ff68c9;
  font-size:16px;
}

.rl-services-card-description{
  max-width:100%;
  max-height:220px;
  margin-top:10px;
  padding:11px;
  border:1px solid var(--services-line);
  border-radius:7px;
  color:#cbc5d5;
  background:rgba(255,255,255,.025);
  font-size:12px;
  line-height:1.6;
  overflow:auto;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.rl-services-card-description[hidden]{
  display:none!important;
}

.rl-services-card-description *{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.rl-services-card-footer{
  margin-top:10px;
}

.rl-services-card-footer button{
  width:100%;
  min-height:38px;
  padding:0 12px;
  border:1px solid rgba(255,63,180,.42);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#ff87d4;
  background:rgba(255,63,180,.07);
  font-size:12px;
  font-weight:900;
}

.rl-services-card-footer button:hover,
.rl-services-card-footer button:focus{
  border-color:rgba(255,63,180,.72);
  color:#fff;
  background:rgba(255,63,180,.14);
  outline:0;
}

.rl-services-empty{
  min-height:220px;
  border:1px dashed rgba(139,61,255,.35);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#777183;
  text-align:center;
}

.rl-services-empty[hidden]{
  display:none!important;
}

.rl-services-empty i{
  margin-bottom:10px;
  font-size:28px;
}

.rl-services-empty strong{
  color:#d9d4e2;
  font-size:16px;
}

.rl-services-empty span{
  margin-top:5px;
  font-size:12px;
}

.rl-services-pagination{
  width:100%;
  min-width:0;
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
}

.rl-services-pagination[hidden]{
  display:none!important;
}

.rl-services-page-list{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.rl-services-pagination button,
.rl-services-page-ellipsis{
  width:40px;
  height:40px;
  flex:0 0 40px;
  padding:0;
  border:1px solid rgba(139,61,255,.38);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#c9c2d6;
  background:rgba(12,14,29,.94);
  font-size:12px;
  font-weight:900;
}

.rl-services-pagination button:not(:disabled):hover,
.rl-services-pagination button:not(:disabled):focus{
  border-color:rgba(255,63,180,.68);
  color:#fff;
  background:rgba(255,63,180,.13);
  outline:0;
}

.rl-services-pagination button.is-active{
  border-color:rgba(255,106,204,.82);
  color:#fff;
  background:linear-gradient(135deg,#7d36f1,#e72baa);
  box-shadow:0 0 18px rgba(255,63,180,.28);
}

.rl-services-pagination button:disabled{
  border-color:rgba(255,255,255,.07);
  color:#5f596c;
  background:rgba(255,255,255,.025);
  cursor:not-allowed;
  opacity:.62;
}

.rl-services-page-ellipsis{
  border-color:transparent;
  color:#777183;
  background:transparent;
}

.rl-services-page-status{
  margin-left:8px;
  color:#918a9e;
  font-size:12px;
  white-space:nowrap;
}

.rl-services-page-status strong{
  color:#e5dfee;
}

.rl-services-note{
  max-width:100%;
  margin-top:18px;
  padding:18px;
  border:1px solid var(--services-line);
  border-radius:8px;
  color:#cbc5d5;
  background:rgba(11,13,26,.92);
  line-height:1.7;
  overflow-wrap:anywhere;
}

.rl-services-note *{
  max-width:100%;
  overflow-wrap:anywhere;
}

.rl-services-mobile-nav{
  display:none;
}

@media(max-width:1240px){
  .rl-services-shell{
    grid-template-columns:210px minmax(0,1fr);
  }

  .rl-services-table tbody{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rl-services-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:980px){
  .rl-services-hero{
    min-height:370px;
    display:block;
  }

  .rl-services-hero-copy{
    padding-bottom:124px;
  }

  .rl-services-hero h1{
    font-size:36px;
  }

  .rl-services-hero-art{
    position:absolute;
    right:18px;
    bottom:8px;
    width:330px;
    height:170px;
  }

  .rl-services-hero-image{
    max-height:170px;
  }

  .rl-services-controls{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-services-filter-actions{
    justify-content:flex-end;
  }
}

@media(max-width:767px){
  .rl-services-shell{
    width:100%;
    max-width:100%;
    min-width:0;
    display:block;
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }

  .rl-services-sidebar{
    display:none;
  }

  .rl-services-main{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:10px 12px 24px;
  }

  .rl-services-topbar{
    position:sticky;
    top:0;
    z-index:25;
    width:auto;
    min-width:0;
    min-height:64px;
    margin:-10px -12px 0;
    padding:10px 64px 10px 12px;
    background:rgba(5,6,15,.96);
    backdrop-filter:blur(16px);
  }

  .rl-services-mobile-brand{
    width:112px;
    height:42px;
    flex:0 0 112px;
    display:flex;
  }

  .rl-services-topbar-spacer{
    display:none;
  }

  .rl-services-account{
    flex:1;
    min-width:0;
    justify-content:flex-end;
    overflow:hidden;
  }

  .rl-services-balance{
    flex:1;
    justify-content:flex-end;
    overflow:hidden;
  }

  .rl-services-balance span,
  .rl-services-account-link{
    display:none;
  }

  .rl-services-balance strong{
    max-width:100%;
    font-size:13px;
  }

  .rl-services-hero{
    min-height:0;
    margin:12px 0;
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:14px;
  }

  .rl-services-hero-copy{
    padding-bottom:0;
  }

  .rl-services-hero h1{
    font-size:29px;
  }

  .rl-services-hero-copy>p{
    font-size:16px;
  }

  .rl-services-benefits{
    margin-top:14px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }

  .rl-services-benefits>div{
    min-height:56px;
    padding:7px;
  }

  .rl-services-hero-art{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    height:auto;
    min-height:0;
    margin-top:2px;
  }

  .rl-services-hero-image{
    width:100%;
    max-width:520px;
    max-height:none;
  }

  .rl-services-controls,
  .rl-services-filter-actions,
  .rl-services-category-filter,
  .rl-services-currency-filter{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .rl-services-filter-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }

  .rl-services-category-filter>button,
  .rl-services-currency-filter>button{
    width:100%;
  }

  .rl-services-filter-actions .dropdown-menu{
    width:100%;
    min-width:100%;
    max-width:100%;
  }

  .rl-services-platforms{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
  }

  .rl-services-platforms button{
    width:100%;
    min-width:0;
    min-height:70px;
    padding:6px 3px;
    flex-direction:column;
    gap:4px;
    font-size:10px;
    line-height:1.2;
    text-align:center;
    overflow-wrap:anywhere;
  }

  .rl-services-platforms button i{
    width:27px;
    height:27px;
  }

  .rl-services-table,
  .rl-services-table tbody,
  .rl-services-card-row,
  .rl-services-category-row,
  .rl-services-card-row>td,
  .rl-services-category-row>td,
  .rl-services-card{
    max-width:100%;
    min-width:0;
  }

  .rl-services-table tbody{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }

  .rl-services-card{
    padding:13px;
  }

  .rl-services-card-header{
    grid-template-columns:44px minmax(0,1fr) 34px;
    gap:9px;
  }

  .rl-services-platform-icon{
    width:44px;
    height:44px;
  }

  .rl-services-card-title h2{
    min-height:2.8em;
    max-height:2.8em;
    -webkit-line-clamp:2;
    font-size:14px;
  }

  .rl-services-category-badge{
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .rl-services-card-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rl-services-card-metrics .rl-services-rate{
    grid-column:1/-1;
    border-right:0;
    border-bottom:1px solid var(--services-line);
  }

  .rl-services-card-metrics>div:nth-child(2){
    border-right:1px solid var(--services-line);
  }

  .rl-services-card-description{
    overflow-x:hidden;
  }

  .rl-services-pagination{
    margin-top:18px;
    gap:6px;
  }

  .rl-services-page-list{
    gap:6px;
  }

  .rl-services-pagination button,
  .rl-services-page-ellipsis{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .rl-services-page-status{
    width:100%;
    margin:3px 0 0;
    text-align:center;
  }

  .rl-services-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
    height:calc(68px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);
    border-top:1px solid var(--services-line);
    display:flex;
    align-items:stretch;
    background:rgba(5,6,15,.97);
    backdrop-filter:blur(16px);
    overflow-x:auto;
  }

  .rl-services-mobile-nav a{
    min-width:82px;
    min-height:68px;
    flex:1 0 82px;
    padding:5px 4px;
    border:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#aaa4b8;
    font-size:10px;
    font-weight:800;
    text-align:center;
  }

  .rl-services-mobile-nav a i{
    color:#d6b7ff;
    font-size:17px;
  }

  .rl-services-mobile-nav a.is-active,
  .rl-services-mobile-nav a:hover{
    color:#ff65c8;
    background:rgba(255,63,180,.08);
  }
}

@media(max-width:374px){
  .rl-services-main{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-services-topbar{
    margin-left:-10px;
    margin-right:-10px;
    padding-left:10px;
  }

  .rl-services-mobile-brand{
    width:102px;
    flex-basis:102px;
  }

  .rl-services-hero{
    min-height:0;
    padding:15px;
  }

  .rl-services-benefits{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-services-hero-copy{
    padding-bottom:0;
  }

  .rl-services-platforms{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .rl-services-card-metrics{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-services-card-metrics .rl-services-rate,
  .rl-services-card-metrics>div{
    grid-column:auto;
    border-right:0;
    border-bottom:1px solid var(--services-line);
  }

  .rl-services-card-metrics>div:last-child{
    border-bottom:0;
  }
}

/* MOBILE ACCOUNT DRAWER */
.rl-mobile-account-toggle,
.rl-mobile-account-overlay,
.rl-mobile-account-drawer{
  display:none;
}

@media(max-width:767px){
  body:has(.rl-mobile-account-toggle) .navbar-toggle,
  body:has(.rl-mobile-account-toggle) .navbar #navbar{
    display:none!important;
  }

  body.rl-mobile-account-open{
    overflow-y:hidden!important;
    overscroll-behavior:none;
  }

  .rl-order-topbar,
  .rl-orders-topbar{
    padding-right:64px;
  }

  .rl-mobile-account-toggle{
    position:fixed;
    top:calc(10px + env(safe-area-inset-top));
    right:calc(12px + env(safe-area-inset-right));
    z-index:1060;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(255,63,180,.5);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:#171126;
    box-shadow:0 0 18px rgba(255,47,174,.2);
    font-size:19px;
  }

  .rl-mobile-account-toggle:hover,
  .rl-mobile-account-toggle:focus{
    border-color:#ff3fb4;
    color:#fff;
    background:#241333;
    outline:0;
  }

  .rl-mobile-account-overlay{
    position:fixed;
    inset:0;
    z-index:1080;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    display:block;
    visibility:hidden;
    opacity:0;
    background:rgba(0,0,0,.68);
    transition:opacity .2s ease,visibility .2s ease;
  }

  .rl-mobile-account-drawer{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:1090;
    width:86vw;
    max-width:340px;
    min-width:0;
    height:100vh;
    height:100dvh;
    padding:
      calc(16px + env(safe-area-inset-top))
      calc(16px + env(safe-area-inset-right))
      calc(16px + env(safe-area-inset-bottom))
      16px;
    border-left:1px solid rgba(255,63,180,.45);
    display:flex;
    flex-direction:column;
    gap:14px;
    visibility:hidden;
    transform:translateX(100%);
    color:#f8f4ff;
    background:#0b0915;
    box-shadow:-18px 0 48px rgba(0,0,0,.5),-1px 0 20px rgba(255,47,174,.16);
    transition:transform .24s ease,visibility .24s ease;
    box-sizing:border-box;
    contain:layout paint;
  }

  body.rl-mobile-account-open .rl-mobile-account-overlay{
    visibility:visible;
    opacity:1;
  }

  body.rl-mobile-account-open .rl-mobile-account-drawer{
    visibility:visible;
    transform:translateX(0);
  }

  .rl-mobile-account-drawer-header{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.09);
  }

  .rl-mobile-account-logo{
    width:132px;
    height:44px;
    min-width:0;
    display:flex;
    align-items:center;
  }

  .rl-mobile-account-logo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
  }

  .rl-mobile-account-close{
    width:44px;
    height:44px;
    flex:0 0 44px;
    padding:0;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ddd6ea;
    background:rgba(255,255,255,.045);
    font-size:18px;
  }

  .rl-mobile-account-close:hover,
  .rl-mobile-account-close:focus{
    border-color:rgba(255,63,180,.6);
    color:#fff;
    outline:0;
  }

  .rl-mobile-account-profile{
    min-width:0;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    align-items:center;
    gap:11px;
  }

  .rl-mobile-account-profile>i{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    color:#fff;
    background:linear-gradient(135deg,#7132df,#d32aa8);
    font-size:20px;
  }

  .rl-mobile-account-profile>div{
    min-width:0;
  }

  .rl-mobile-account-profile strong,
  .rl-mobile-account-profile span{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rl-mobile-account-profile strong{
    color:#fff;
    font-size:15px;
  }

  .rl-mobile-account-profile span{
    margin-top:3px;
    color:#aaa3b8;
    font-size:12px;
  }

  .rl-mobile-account-balance{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:44px;
    padding:9px 11px;
    border:1px solid rgba(255,63,180,.3);
    border-radius:8px;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    align-items:center;
    gap:9px;
    color:#fff!important;
    background:rgba(255,63,180,.08);
    box-sizing:border-box;
  }

  .rl-mobile-account-balance i{
    color:#ff4fbd;
    text-align:center;
  }

  .rl-mobile-account-balance strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rl-mobile-account-links{
    min-height:0;
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:5px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  .rl-mobile-account-links a,
  .rl-mobile-account-logout{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:44px;
    padding:9px 11px;
    border:1px solid transparent;
    border-radius:8px;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    align-items:center;
    gap:10px;
    color:#d9d3e5!important;
    background:transparent;
    font-weight:800;
    box-sizing:border-box;
  }

  .rl-mobile-account-links a i,
  .rl-mobile-account-logout i{
    width:22px;
    text-align:center;
    color:#cfb4ff;
  }

  .rl-mobile-account-links a span,
  .rl-mobile-account-logout span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .rl-mobile-account-links a:hover,
  .rl-mobile-account-links a:focus,
  .rl-mobile-account-links a.is-active{
    border-color:rgba(255,63,180,.34);
    color:#fff!important;
    background:rgba(139,61,255,.13);
    outline:0;
  }

  .rl-mobile-account-footer{
    flex:0 0 auto;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.09);
  }

  .rl-mobile-account-logout{
    border-color:rgba(244,63,94,.48);
    color:#ff9aad!important;
    background:rgba(244,63,94,.1);
  }

  .rl-mobile-account-logout i{
    color:#ff718c;
  }

  .rl-mobile-account-logout:hover,
  .rl-mobile-account-logout:focus{
    border-color:rgba(255,79,112,.75);
    color:#fff!important;
    background:rgba(244,63,94,.18);
    outline:0;
  }
}

@media(max-width:374px){
  .rl-order-topbar,
  .rl-orders-topbar{
    padding-right:58px;
  }

  .rl-mobile-account-toggle{
    right:calc(8px + env(safe-area-inset-right));
  }

  .rl-mobile-account-drawer{
    width:90vw;
    padding-left:14px;
  }
}

/* ===== ADD FUNDS ===== */
body:has(.rl-addfunds-shell) .navbar,
body.rl-addfunds-body .navbar{
  display:none!important;
}

body.rl-addfunds-body{
  overflow-x:hidden!important;
  background:#05060d!important;
}

.rl-addfunds-shell{
  --addfunds-bg:#05060d;
  --addfunds-panel:#0b0d1a;
  --addfunds-panel-soft:#111425;
  --addfunds-line:rgba(255,255,255,.1);
  --addfunds-muted:#aaa5b8;
  --addfunds-text:#f8f6ff;
  --addfunds-pink:#ff3fb4;
  --addfunds-purple:#8b3dff;
  min-height:100vh;
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  color:var(--addfunds-text);
  background:
    linear-gradient(118deg,rgba(139,61,255,.07),transparent 34%),
    linear-gradient(180deg,#080817 0%,var(--addfunds-bg) 56%,#03040a 100%);
}

.rl-addfunds-shell,
.rl-addfunds-shell *{
  letter-spacing:0;
}

.rl-addfunds-shell a{
  color:inherit;
  text-decoration:none!important;
}

.rl-addfunds-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-width:0;
  padding:22px 18px;
  border-right:1px solid var(--addfunds-line);
  display:flex;
  flex-direction:column;
  gap:20px;
  background:rgba(5,6,15,.96);
  overflow-y:auto;
}

.rl-addfunds-brand{
  width:176px;
  max-width:100%;
  height:58px;
  display:flex;
  align-items:center;
}

.rl-addfunds-brand img,
.rl-addfunds-mobile-brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.rl-addfunds-menu{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.rl-addfunds-menu a,
.rl-addfunds-mobile-nav a{
  min-width:0;
  min-height:44px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#d8d4e5;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-addfunds-menu a i{
  width:20px;
  flex:0 0 20px;
  color:#d8baff;
  text-align:center;
}

.rl-addfunds-menu a span{
  min-width:0;
  overflow-wrap:anywhere;
}

.rl-addfunds-menu a:hover,
.rl-addfunds-menu a.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff;
  background:linear-gradient(90deg,rgba(126,52,232,.78),rgba(231,37,164,.78));
  box-shadow:0 0 20px rgba(255,63,180,.16);
}

.rl-addfunds-logout{
  min-height:44px;
  margin-top:auto;
  padding:0 12px;
  border:1px solid rgba(244,63,94,.32);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#ff9bad!important;
  background:rgba(244,63,94,.07);
  font-weight:900;
}

.rl-addfunds-logout:hover{
  border-color:rgba(244,63,94,.68);
  color:#fff!important;
  background:rgba(244,63,94,.15);
}

.rl-addfunds-main{
  width:100%;
  min-width:0;
  padding:18px clamp(18px,2.2vw,36px) 46px;
}

.rl-addfunds-topbar{
  min-height:60px;
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:14px;
  border-bottom:1px solid var(--addfunds-line);
}

.rl-addfunds-topbar-spacer{
  flex:1;
}

.rl-addfunds-mobile-brand{
  display:none;
}

.rl-addfunds-account{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.rl-addfunds-balance,
.rl-addfunds-account-link{
  min-width:0;
  min-height:42px;
  padding:7px 12px;
  border:1px solid var(--addfunds-line);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:9px;
  background:rgba(255,255,255,.035);
}

.rl-addfunds-balance{
  border-color:rgba(255,63,180,.4);
}

.rl-addfunds-balance i{
  color:var(--addfunds-pink);
}

.rl-addfunds-balance span{
  color:var(--addfunds-muted);
  font-size:11px;
}

.rl-addfunds-balance strong{
  min-width:0;
  color:#fff;
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-addfunds-account-link{
  color:#ded9ea!important;
  font-weight:800;
  white-space:nowrap;
}

.rl-addfunds-account-link:hover,
.rl-addfunds-account-link.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff!important;
  background:rgba(255,63,180,.09);
}

.rl-addfunds-heading{
  position:relative;
  min-width:0;
  min-height:124px;
  margin:22px 0 16px;
  padding:24px 28px;
  border:1px solid rgba(255,63,180,.22);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:18px;
  overflow:hidden;
  background:
    linear-gradient(110deg,rgba(255,63,180,.13),transparent 46%),
    linear-gradient(135deg,#0b0c1d 0%,#160822 62%,#0a1020 100%);
}

.rl-addfunds-heading::after{
  content:"";
  position:absolute;
  top:-44px;
  right:clamp(28px,8vw,130px);
  width:210px;
  height:210px;
  border:28px solid rgba(180,60,255,.12);
  border-bottom-color:rgba(255,63,180,.12);
  border-radius:50%;
  transform:rotate(-24deg);
  pointer-events:none;
}

.rl-addfunds-heading-icon{
  position:relative;
  z-index:1;
  width:60px;
  height:60px;
  flex:0 0 60px;
  border:1px solid rgba(255,100,207,.75);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#7132df,#d32aa8);
  box-shadow:0 0 24px rgba(211,42,168,.3);
  font-size:25px;
}

.rl-addfunds-heading>div:last-child{
  position:relative;
  z-index:1;
  min-width:0;
}

.rl-addfunds-heading h1{
  margin:0;
  color:#fff;
  font-size:34px;
  line-height:1.15;
  font-weight:950;
}

.rl-addfunds-heading p{
  margin:7px 0 0;
  color:#c7c0d2;
  font-size:15px;
}

.rl-addfunds-workspace{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.82fr) minmax(300px,1fr);
  gap:14px;
  align-items:start;
}

.rl-addfunds-workspace.is-history-only{
  grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);
}

.rl-addfunds-card{
  min-width:0;
  border:1px solid var(--addfunds-line);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(13,15,32,.94),rgba(8,10,22,.97));
  box-shadow:0 14px 38px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,63,180,.025);
}

.rl-addfunds-form-card{
  padding:20px;
}

.rl-addfunds-form,
.rl-addfunds-form>*{
  max-width:100%;
  min-width:0;
}

.rl-addfunds-shell .alert{
  border-radius:8px;
  overflow-wrap:anywhere;
}

.rl-addfunds-step{
  padding:18px 0;
  border-bottom:1px solid var(--addfunds-line);
}

.rl-addfunds-step:first-of-type{
  padding-top:0;
}

.rl-addfunds-step-heading{
  min-width:0;
  margin-bottom:14px;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.rl-addfunds-step-heading>span{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid var(--addfunds-pink);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(255,63,180,.08);
  font-weight:950;
  box-shadow:0 0 16px rgba(255,63,180,.17);
}

.rl-addfunds-step-heading>div{
  min-width:0;
}

.rl-addfunds-step-heading h2,
.rl-addfunds-card-heading h2,
.rl-addfunds-history-header h2,
.rl-addfunds-unavailable h2,
.rl-addfunds-history-none h2{
  margin:0;
  color:#fff;
  font-size:17px;
  line-height:1.35;
  font-weight:950;
}

.rl-addfunds-step-heading p,
.rl-addfunds-card-heading p,
.rl-addfunds-history-header p,
.rl-addfunds-unavailable p,
.rl-addfunds-history-none p{
  margin:3px 0 0;
  color:var(--addfunds-muted);
  font-size:12px;
  line-height:1.5;
}

.rl-addfunds-method-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.rl-addfunds-method-card{
  width:100%;
  min-width:0;
  min-height:74px;
  padding:12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:11px;
  color:#ddd7e8;
  background:rgba(8,10,23,.78);
  text-align:left;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.rl-addfunds-method-card>i{
  width:42px;
  height:42px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d9c9ff;
  background:rgba(139,61,255,.14);
  font-size:18px;
}

.rl-addfunds-method-card>span,
.rl-addfunds-method-card strong,
.rl-addfunds-method-card small{
  min-width:0;
  display:block;
}

.rl-addfunds-method-card strong{
  color:#fff;
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.rl-addfunds-method-card small{
  margin-top:4px;
  color:#938da0;
  font-size:10px;
}

.rl-addfunds-method-card:hover,
.rl-addfunds-method-card:focus,
.rl-addfunds-method-card.is-active{
  border-color:rgba(255,63,180,.82);
  color:#fff;
  background:linear-gradient(135deg,rgba(139,61,255,.2),rgba(255,63,180,.13));
  box-shadow:0 0 20px rgba(255,63,180,.15),inset 0 0 0 1px rgba(255,63,180,.08);
  outline:0;
}

.rl-addfunds-method-card.is-active>i{
  color:#fff;
  background:linear-gradient(135deg,#7132df,#d32aa8);
}

.rl-addfunds-native-method{
  margin:14px 0 0;
}

.rl-addfunds-shell.is-enhanced .rl-addfunds-native-method{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}

.rl-addfunds-shell label{
  color:#eeeaf6;
  font-weight:800;
}

.rl-addfunds-shell .form-control{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:46px;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:8px!important;
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

.rl-addfunds-shell .form-control:focus{
  border-color:var(--addfunds-pink)!important;
  box-shadow:0 0 0 3px rgba(255,63,180,.12)!important;
  outline:0;
}

.rl-addfunds-amount-field label{
  display:block;
  margin-bottom:8px;
}

.rl-addfunds-amount-input{
  min-width:0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
}

.rl-addfunds-amount-input>span{
  width:48px;
  height:52px;
  border:1px solid rgba(255,255,255,.13);
  border-right:0;
  border-radius:8px 0 0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff7dd0;
  background:rgba(255,63,180,.08);
  font-size:18px;
  font-weight:900;
}

.rl-addfunds-amount-input .form-control{
  height:52px!important;
  border-radius:0 8px 8px 0!important;
  font-size:18px;
  font-weight:900;
}

.rl-addfunds-quick-amounts{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

.rl-addfunds-quick-amounts[hidden]{
  display:none!important;
}

.rl-addfunds-quick-amounts button{
  min-width:0;
  min-height:38px;
  padding:5px 7px;
  border:1px solid rgba(139,61,255,.4);
  border-radius:7px;
  color:#d8d2e1;
  background:rgba(139,61,255,.08);
  font-size:12px;
  font-weight:900;
}

.rl-addfunds-quick-amounts button:hover,
.rl-addfunds-quick-amounts button:focus,
.rl-addfunds-quick-amounts button.is-active{
  border-color:rgba(255,63,180,.72);
  color:#fff;
  background:linear-gradient(135deg,rgba(113,50,223,.72),rgba(199,37,163,.68));
  outline:0;
}

.rl-addfunds-cpf-field label{
  display:block;
  margin-bottom:8px;
}

.rl-addfunds-review{
  border-bottom:0;
}

.rl-addfunds-summary{
  min-width:0;
  border:1px solid rgba(255,63,180,.22);
  border-radius:8px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  overflow:hidden;
  background:rgba(255,63,180,.045);
}

.rl-addfunds-summary>div{
  min-width:0;
  min-height:64px;
  padding:11px 13px;
  border-right:1px solid var(--addfunds-line);
}

.rl-addfunds-summary>div:last-child{
  border-right:0;
}

.rl-addfunds-summary span,
.rl-addfunds-summary strong{
  min-width:0;
  display:block;
}

.rl-addfunds-summary span{
  color:#918b9c;
  font-size:10px;
}

.rl-addfunds-summary strong{
  margin-top:5px;
  color:#fff;
  font-size:14px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.rl-addfunds-submit{
  width:100%;
  min-height:50px;
  margin-top:4px;
  border:0!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff!important;
  background:linear-gradient(90deg,#752bff 0%,#d51ad7 48%,#ff2f8f 100%)!important;
  box-shadow:0 0 24px rgba(255,47,174,.28);
  font-size:15px;
  font-weight:950;
  transition:box-shadow .18s ease,transform .18s ease,opacity .18s ease;
}

.rl-addfunds-submit:hover,
.rl-addfunds-submit:focus{
  color:#fff!important;
  box-shadow:0 0 32px rgba(255,47,174,.4);
  transform:translateY(-1px);
  outline:0;
}

.rl-addfunds-submit:disabled,
.rl-addfunds-submit[aria-disabled="true"]{
  cursor:not-allowed;
  opacity:.55;
  box-shadow:none;
  transform:none;
}

.rl-addfunds-submit.is-submitting{
  opacity:.72;
  cursor:wait;
}

.rl-addfunds-aside{
  min-width:0;
  display:grid;
  gap:14px;
}

.rl-addfunds-balance-card{
  min-height:108px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:
    linear-gradient(135deg,rgba(255,63,180,.14),transparent 64%),
    rgba(11,13,26,.96);
}

.rl-addfunds-balance-card div{
  min-width:0;
}

.rl-addfunds-balance-card span,
.rl-addfunds-balance-card strong{
  min-width:0;
  display:block;
}

.rl-addfunds-balance-card span{
  color:#b5afc0;
  font-size:12px;
}

.rl-addfunds-balance-card strong{
  margin-top:7px;
  color:#fff;
  font-size:22px;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.rl-addfunds-balance-card>i{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#7132df,#d32aa8);
  box-shadow:0 0 20px rgba(211,42,168,.28);
  font-size:21px;
}

.rl-addfunds-safety-card,
.rl-addfunds-guidance{
  padding:18px;
}

.rl-addfunds-card-heading{
  min-width:0;
  margin-bottom:14px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
}

.rl-addfunds-card-heading>i{
  width:38px;
  height:38px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff71cb;
  background:rgba(255,63,180,.1);
}

.rl-addfunds-card-heading>div{
  min-width:0;
}

.rl-addfunds-safety-list{
  min-width:0;
  display:grid;
}

.rl-addfunds-safety-list>div{
  min-width:0;
  min-height:58px;
  padding:9px 0;
  border-top:1px solid var(--addfunds-line);
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:9px;
}

.rl-addfunds-safety-list>div>i{
  color:#ff58bf;
  text-align:center;
}

.rl-addfunds-safety-list span,
.rl-addfunds-safety-list strong,
.rl-addfunds-safety-list small{
  min-width:0;
  display:block;
}

.rl-addfunds-safety-list strong{
  color:#eeeaf6;
  font-size:12px;
}

.rl-addfunds-safety-list small{
  margin-top:3px;
  color:#958f9f;
  font-size:10px;
  line-height:1.45;
}

.rl-addfunds-guidance-content,
.rl-addfunds-guidance-content *{
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.rl-addfunds-guidance-content{
  padding:16px;
  border:1px solid rgba(255,63,180,.3);
  border-radius:8px;
  color:#e5dfec!important;
  background:
    linear-gradient(135deg,rgba(139,61,255,.1),rgba(255,63,180,.055)),
    #0d0e1d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 20px rgba(255,63,180,.07);
  font-size:12px;
  line-height:1.7;
}

.rl-addfunds-shell .rl-addfunds-guidance-surface,
.rl-addfunds-shell .rl-addfunds-form .panel,
.rl-addfunds-shell .rl-addfunds-form .panel-default,
.rl-addfunds-shell .rl-addfunds-form .panel-body{
  border-color:rgba(255,63,180,.3)!important;
  color:#e5dfec!important;
  background:
    linear-gradient(135deg,rgba(139,61,255,.1),rgba(255,63,180,.055)),
    #0d0e1d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 20px rgba(255,63,180,.07)!important;
}

.rl-addfunds-shell .rl-addfunds-guidance-surface{
  padding:16px!important;
  border:1px solid rgba(255,63,180,.3)!important;
  border-radius:8px!important;
}

.rl-addfunds-shell .rl-addfunds-guidance-surface *,
.rl-addfunds-shell .rl-addfunds-form .panel-body *{
  color:#e5dfec!important;
}

.rl-addfunds-shell .rl-addfunds-guidance-surface :is(div,p,ul,ol,li,table,thead,tbody,tr,th,td),
.rl-addfunds-shell .rl-addfunds-form .panel-body :is(div,p,ul,ol,li,table,thead,tbody,tr,th,td){
  border-color:rgba(255,255,255,.1)!important;
  color:inherit!important;
  background:transparent!important;
}

.rl-addfunds-shell .rl-addfunds-guidance-surface :is(strong,b),
.rl-addfunds-shell .rl-addfunds-form .panel-body :is(strong,b){
  color:#ff72ca!important;
}

.rl-addfunds-shell .rl-addfunds-guidance-surface a,
.rl-addfunds-shell .rl-addfunds-form .panel-body a{
  color:#c7a8ff!important;
}

.rl-addfunds-guidance-content img,
.rl-addfunds-guidance-content iframe,
.rl-addfunds-guidance-content table{
  max-width:100%!important;
}

.rl-addfunds-unavailable{
  min-height:320px;
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#777182;
  text-align:center;
}

.rl-addfunds-unavailable>i{
  width:58px;
  height:58px;
  margin-bottom:14px;
  border:1px solid rgba(139,61,255,.4);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#b49ff4;
  background:rgba(139,61,255,.09);
  font-size:22px;
}

.rl-addfunds-unavailable p{
  max-width:520px;
}

.rl-addfunds-history{
  margin-top:16px;
  overflow:hidden;
}

.rl-addfunds-history-header{
  min-width:0;
  padding:16px 18px;
  border-bottom:1px solid var(--addfunds-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.rl-addfunds-history-header>div{
  min-width:0;
}

.rl-addfunds-history-search{
  width:min(100%,320px);
  min-width:0;
  height:42px;
  margin:0;
  border:1px solid rgba(139,61,255,.42);
  border-radius:8px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  color:#9e96ad;
  background:rgba(8,10,23,.78);
  overflow:hidden;
}

.rl-addfunds-history-search>i{
  text-align:center;
}

.rl-addfunds-history-search input{
  width:100%;
  min-width:0;
  height:40px;
  padding:0 11px 0 0;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
  font-weight:600;
}

.rl-addfunds-history-search input::placeholder{
  color:#777181;
}

.rl-addfunds-history-search:focus-within{
  border-color:var(--addfunds-pink);
  box-shadow:0 0 0 3px rgba(255,63,180,.1);
}

.rl-addfunds-history-scroll{
  max-width:100%;
  overflow-x:auto;
}

.rl-addfunds-history-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  table-layout:fixed;
  color:#e7e2ed;
}

.rl-addfunds-history-table th,
.rl-addfunds-history-table td{
  min-width:0;
  padding:11px 14px;
  border-bottom:1px solid rgba(255,255,255,.075);
  text-align:left;
  vertical-align:middle;
}

.rl-addfunds-history-table th{
  height:44px;
  color:#9e98aa;
  background:#0d1020;
  font-size:11px;
  font-weight:900;
}

.rl-addfunds-history-table td{
  height:60px;
  font-size:12px;
  overflow-wrap:anywhere;
}

.rl-addfunds-history-table th:nth-child(1){width:100px}
.rl-addfunds-history-table th:nth-child(2){width:190px}
.rl-addfunds-history-table th:nth-child(4){width:150px}
.rl-addfunds-history-table th:nth-child(5){width:130px}

.rl-addfunds-history-table tbody tr:hover{
  background:rgba(139,61,255,.055);
}

.rl-addfunds-history-table tbody tr.is-filtered{
  display:none!important;
}

.rl-addfunds-history-table td:first-child strong,
.rl-addfunds-history-amount{
  color:#ff68c9;
  font-weight:900;
}

.rl-addfunds-history-method{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.rl-addfunds-history-method i{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(139,61,255,.2);
}

.rl-addfunds-invoice{
  min-height:32px;
  padding:0 10px;
  border:1px solid rgba(139,61,255,.4);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#ddd7e8!important;
  background:rgba(139,61,255,.08);
  font-size:11px;
  font-weight:800;
}

.rl-addfunds-invoice:hover{
  border-color:rgba(255,63,180,.68);
  color:#fff!important;
  background:rgba(255,63,180,.13);
}

.rl-addfunds-history-empty{
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#777181;
  text-align:center;
}

.rl-addfunds-history-empty[hidden]{
  display:none!important;
}

.rl-addfunds-history-empty i,
.rl-addfunds-history-empty strong,
.rl-addfunds-history-empty span{
  display:block;
}

.rl-addfunds-history-empty i{
  margin-bottom:9px;
  font-size:26px;
}

.rl-addfunds-history-empty strong{
  color:#d8d2e1;
}

.rl-addfunds-history-empty span{
  margin-top:4px;
  font-size:11px;
}

.rl-addfunds-history-footer{
  min-height:58px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#9690a1;
  font-size:12px;
}

.rl-addfunds-pagination{
  margin:0!important;
  display:flex;
  align-items:center;
  gap:5px;
}

.rl-addfunds-pagination>li>a,
.rl-addfunds-pagination>li>span{
  min-width:34px;
  height:34px;
  padding:0 9px;
  border:1px solid var(--addfunds-line)!important;
  border-radius:7px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c7c1d0!important;
  background:#0e1020!important;
}

.rl-addfunds-pagination>li.active>a,
.rl-addfunds-pagination>li>a:hover{
  border-color:rgba(255,63,180,.58)!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7132df,#c725a3)!important;
}

.rl-addfunds-history-none{
  min-height:180px;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#777181;
  text-align:center;
}

.rl-addfunds-history-none>i{
  margin-bottom:10px;
  color:#7964ba;
  font-size:28px;
}

.rl-addfunds-mobile-nav{
  display:none;
}

@media(max-width:1180px){
  .rl-addfunds-shell{
    grid-template-columns:210px minmax(0,1fr);
  }

  .rl-addfunds-workspace,
  .rl-addfunds-workspace.is-history-only{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-addfunds-aside{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rl-addfunds-guidance{
    grid-column:1/-1;
  }
}

@media(max-width:767px){
  .rl-addfunds-shell{
    width:100%;
    max-width:100%;
    min-width:0;
    display:block;
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }

  .rl-addfunds-sidebar{
    display:none;
  }

  .rl-addfunds-main{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:10px 12px 24px;
  }

  .rl-addfunds-topbar{
    position:sticky;
    top:0;
    z-index:25;
    width:auto;
    min-width:0;
    min-height:64px;
    margin:-10px -12px 0;
    padding:10px 64px 10px 12px;
    background:rgba(5,6,15,.96);
    backdrop-filter:blur(16px);
  }

  .rl-addfunds-mobile-brand{
    width:112px;
    height:42px;
    flex:0 0 112px;
    display:flex;
  }

  .rl-addfunds-topbar-spacer{
    display:none;
  }

  .rl-addfunds-account{
    flex:1;
    min-width:0;
    justify-content:flex-end;
    overflow:hidden;
  }

  .rl-addfunds-balance{
    flex:1;
    justify-content:flex-end;
    overflow:hidden;
  }

  .rl-addfunds-balance span,
  .rl-addfunds-account-link{
    display:none;
  }

  .rl-addfunds-balance strong{
    max-width:100%;
    font-size:13px;
  }

  .rl-addfunds-heading{
    min-height:104px;
    margin:12px 0;
    padding:18px;
    gap:13px;
  }

  .rl-addfunds-heading::after{
    right:-58px;
    opacity:.6;
  }

  .rl-addfunds-heading-icon{
    width:50px;
    height:50px;
    flex-basis:50px;
    font-size:20px;
  }

  .rl-addfunds-heading h1{
    font-size:27px;
  }

  .rl-addfunds-heading p{
    font-size:12px;
  }

  .rl-addfunds-workspace,
  .rl-addfunds-workspace.is-history-only,
  .rl-addfunds-aside{
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr);
  }

  .rl-addfunds-guidance{
    grid-column:auto;
  }

  .rl-addfunds-form-card,
  .rl-addfunds-safety-card,
  .rl-addfunds-guidance{
    padding:15px;
  }

  .rl-addfunds-method-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-addfunds-method-card{
    min-height:68px;
  }

  .rl-addfunds-quick-amounts{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .rl-addfunds-summary{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-addfunds-summary>div{
    border-right:0;
    border-bottom:1px solid var(--addfunds-line);
  }

  .rl-addfunds-summary>div:last-child{
    border-bottom:0;
  }

  .rl-addfunds-balance-card strong{
    font-size:18px;
  }

  .rl-addfunds-history{
    overflow:visible;
  }

  .rl-addfunds-history-header{
    padding:15px;
    align-items:stretch;
    flex-direction:column;
  }

  .rl-addfunds-history-search{
    width:100%;
  }

  .rl-addfunds-history-scroll{
    overflow:visible;
  }

  .rl-addfunds-history-table{
    min-width:0;
    display:block;
  }

  .rl-addfunds-history-table thead{
    display:none;
  }

  .rl-addfunds-history-table tbody{
    padding:10px;
    display:grid;
    gap:9px;
  }

  .rl-addfunds-history-table tbody tr{
    width:100%;
    min-width:0;
    padding:10px;
    border:1px solid var(--addfunds-line);
    border-radius:8px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    background:rgba(9,11,23,.94);
  }

  .rl-addfunds-history-table td{
    width:100%!important;
    height:auto;
    min-width:0;
    padding:7px 6px;
    border:0;
    display:grid;
    grid-template-columns:minmax(70px,.72fr) minmax(0,1.28fr);
    align-items:start;
    gap:8px;
    overflow-wrap:anywhere;
  }

  .rl-addfunds-history-table td::before{
    content:attr(data-label);
    color:#817b90;
    font-size:10px;
    font-weight:800;
  }

  .rl-addfunds-history-table td:nth-child(3),
  .rl-addfunds-history-table td:nth-child(5){
    grid-column:1/-1;
  }

  .rl-addfunds-history-table td:nth-child(5):empty{
    display:none;
  }

  .rl-addfunds-history-method{
    align-items:flex-start;
  }

  .rl-addfunds-history-footer{
    padding:14px;
    align-items:flex-start;
    flex-direction:column;
  }

  .rl-addfunds-history-footer nav{
    width:100%;
    overflow-x:auto;
  }

  .rl-addfunds-pagination{
    width:max-content;
  }

  .rl-addfunds-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
    height:calc(68px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);
    border-top:1px solid var(--addfunds-line);
    display:flex;
    align-items:stretch;
    background:rgba(5,6,15,.97);
    backdrop-filter:blur(16px);
    overflow-x:auto;
  }

  .rl-addfunds-mobile-nav a{
    min-width:82px;
    min-height:68px;
    flex:1 0 82px;
    padding:5px 4px;
    border:0;
    border-radius:0;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    color:#aaa4b8;
    font-size:10px;
    text-align:center;
  }

  .rl-addfunds-mobile-nav a i{
    color:#d6b7ff;
    font-size:17px;
  }

  .rl-addfunds-mobile-nav a.is-active,
  .rl-addfunds-mobile-nav a:hover{
    color:#ff65c8;
    background:rgba(255,63,180,.08);
  }
}

@media(max-width:374px){
  .rl-addfunds-main{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-addfunds-topbar{
    margin-left:-10px;
    margin-right:-10px;
    padding-left:10px;
    padding-right:58px;
  }

  .rl-addfunds-mobile-brand{
    width:102px;
    flex-basis:102px;
  }

  .rl-addfunds-heading{
    padding:15px;
  }

  .rl-addfunds-heading-icon{
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  .rl-addfunds-heading h1{
    font-size:24px;
  }

  .rl-addfunds-quick-amounts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rl-addfunds-history-table tbody{
    padding:8px;
  }

  .rl-addfunds-history-table tbody tr{
    grid-template-columns:minmax(0,1fr);
    padding:8px;
  }

  .rl-addfunds-history-table td,
  .rl-addfunds-history-table td:nth-child(3),
  .rl-addfunds-history-table td:nth-child(5){
    grid-column:1;
  }
}

/* ===== REFUNDS ===== */
body:has(.rl-refunds-shell) .navbar,
body.rl-refunds-body .navbar{
  display:none!important;
}

body.rl-refunds-body{
  overflow-x:hidden!important;
  background:#05060d!important;
}

.rl-refunds-shell{
  --refunds-bg:#05060d;
  --refunds-panel:#0b0d1a;
  --refunds-panel-soft:#101323;
  --refunds-line:rgba(255,255,255,.1);
  --refunds-muted:#aaa5b8;
  --refunds-text:#f8f6ff;
  --refunds-pink:#ff3fb4;
  --refunds-purple:#8b3dff;
  min-height:100vh;
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  color:var(--refunds-text);
  background:
    linear-gradient(118deg,rgba(139,61,255,.065),transparent 34%),
    linear-gradient(180deg,#080817 0%,var(--refunds-bg) 56%,#03040a 100%);
}

.rl-refunds-shell,
.rl-refunds-shell *{
  letter-spacing:0;
}

.rl-refunds-shell a{
  color:inherit;
  text-decoration:none!important;
}

.rl-refunds-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-width:0;
  padding:22px 18px;
  border-right:1px solid var(--refunds-line);
  display:flex;
  flex-direction:column;
  gap:20px;
  background:rgba(5,6,15,.96);
  overflow-y:auto;
}

.rl-refunds-brand{
  width:176px;
  max-width:100%;
  height:58px;
  display:flex;
  align-items:center;
}

.rl-refunds-brand img,
.rl-refunds-mobile-brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.rl-refunds-menu{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.rl-refunds-menu a,
.rl-refunds-mobile-nav a{
  min-width:0;
  min-height:44px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#d8d4e5;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-refunds-menu a i{
  width:20px;
  flex:0 0 20px;
  color:#d8baff;
  text-align:center;
}

.rl-refunds-menu a span{
  min-width:0;
  overflow-wrap:anywhere;
}

.rl-refunds-menu a:hover,
.rl-refunds-menu a.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff;
  background:linear-gradient(90deg,rgba(126,52,232,.78),rgba(231,37,164,.78));
  box-shadow:0 0 20px rgba(255,63,180,.16);
}

.rl-refunds-logout{
  min-height:44px;
  margin-top:auto;
  padding:0 12px;
  border:1px solid rgba(244,63,94,.32);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#ff9bad!important;
  background:rgba(244,63,94,.07);
  font-weight:900;
}

.rl-refunds-logout:hover{
  border-color:rgba(244,63,94,.68);
  color:#fff!important;
  background:rgba(244,63,94,.15);
}

.rl-refunds-main{
  width:100%;
  min-width:0;
  padding:18px clamp(18px,2.2vw,36px) 46px;
}

.rl-refunds-topbar{
  min-height:60px;
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:14px;
  border-bottom:1px solid var(--refunds-line);
}

.rl-refunds-topbar-spacer{
  flex:1;
}

.rl-refunds-mobile-brand{
  display:none;
}

.rl-refunds-balance-group,
.rl-refunds-account{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}

.rl-refunds-balance,
.rl-refunds-addfunds-link,
.rl-refunds-account-link{
  min-width:0;
  min-height:42px;
  padding:7px 12px;
  border:1px solid var(--refunds-line);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:9px;
  color:#ded9ea!important;
  background:rgba(255,255,255,.035);
}

.rl-refunds-balance{
  border-color:rgba(255,63,180,.4);
}

.rl-refunds-balance i,
.rl-refunds-addfunds-link i{
  color:var(--refunds-pink);
}

.rl-refunds-balance span{
  color:var(--refunds-muted);
  font-size:11px;
}

.rl-refunds-balance strong{
  min-width:0;
  color:#fff;
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-refunds-addfunds-link{
  border-color:rgba(255,63,180,.34);
  color:#ff75ce!important;
  background:rgba(255,63,180,.08);
  font-size:12px;
  font-weight:900;
}

.rl-refunds-account{
  justify-content:flex-end;
}

.rl-refunds-account-link{
  font-weight:800;
  white-space:nowrap;
}

.rl-refunds-addfunds-link:hover,
.rl-refunds-account-link:hover,
.rl-refunds-account-link.is-active{
  border-color:rgba(255,63,180,.55);
  color:#fff!important;
  background:rgba(255,63,180,.13);
}

.rl-refunds-heading{
  position:relative;
  min-width:0;
  min-height:128px;
  margin:22px 0 16px;
  padding:24px 28px;
  border:1px solid rgba(255,63,180,.22);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:20px;
  overflow:hidden;
  background:
    linear-gradient(110deg,rgba(255,63,180,.12),transparent 46%),
    linear-gradient(135deg,#0b0c1d 0%,#160822 62%,#0a1020 100%);
}

.rl-refunds-heading::after{
  content:"";
  position:absolute;
  right:clamp(28px,7vw,120px);
  width:190px;
  height:190px;
  border:24px solid rgba(139,61,255,.1);
  border-bottom-color:rgba(255,63,180,.11);
  border-radius:50%;
  transform:rotate(-22deg);
  pointer-events:none;
}

.rl-refunds-heading-icon{
  position:relative;
  z-index:1;
  width:64px;
  height:64px;
  flex:0 0 64px;
  border:1px solid rgba(255,100,207,.8);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#7132df,#d32aa8);
  box-shadow:0 0 26px rgba(211,42,168,.34);
  font-size:25px;
}

.rl-refunds-heading>div:last-child{
  position:relative;
  z-index:1;
  min-width:0;
}

.rl-refunds-heading h1{
  margin:0;
  color:#fff;
  font-size:32px;
  line-height:1.2;
  font-weight:950;
}

.rl-refunds-heading p{
  margin:7px 0 0;
  color:#c7c0d2;
  font-size:15px;
}

.rl-refunds-heading p strong{
  color:var(--refunds-pink);
}

.rl-refunds-summary{
  min-width:0;
  margin-bottom:14px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.rl-refunds-summary-card{
  min-width:0;
  min-height:132px;
  padding:16px;
  border:1px solid var(--refunds-line);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:13px;
  color:var(--refunds-text);
  background:linear-gradient(135deg,rgba(139,61,255,.08),rgba(11,13,26,.96) 68%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

.rl-refunds-summary-card.is-canceled{
  background:linear-gradient(135deg,rgba(232,39,113,.11),rgba(11,13,26,.96) 68%);
}

.rl-refunds-summary-card.is-partial{
  background:linear-gradient(135deg,rgba(139,61,255,.14),rgba(11,13,26,.96) 68%);
}

.rl-refunds-summary-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#7132df,#b22fd1);
  font-size:19px;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}

.rl-refunds-summary-card.is-canceled .rl-refunds-summary-icon{
  background:linear-gradient(135deg,#d61f72,#ff3f9f);
}

.rl-refunds-summary-copy,
.rl-refunds-summary-copy>span,
.rl-refunds-summary-copy strong,
.rl-refunds-summary-copy small{
  min-width:0;
  display:block;
}

.rl-refunds-summary-copy>span{
  color:#bbb5c9;
  font-size:12px;
  font-weight:800;
}

.rl-refunds-summary-amount-label{
  margin-top:5px;
  color:#8f899d;
  font-size:9px;
  font-weight:800;
}

.rl-refunds-summary-amount{
  margin-top:1px;
  color:#ff63c5;
  font-size:23px;
  line-height:1.2;
  font-weight:950;
  overflow-wrap:anywhere;
}

.rl-refunds-summary-amount.is-unavailable{
  color:#a19aaa;
  font-size:12px;
  line-height:1.45;
}

.rl-refunds-summary-count{
  margin:4px 0 2px;
  display:flex!important;
  align-items:baseline;
  gap:6px;
}

.rl-refunds-summary-count strong{
  min-width:0;
  color:#e7dff1;
  font-size:14px;
  line-height:1.1;
  overflow-wrap:anywhere;
}

.rl-refunds-summary-count>span{
  color:#b8b1c3;
  font-size:11px;
  font-weight:800;
}

.rl-refunds-summary-note{
  color:#8f899d;
  font-size:10px;
  line-height:1.4;
}

.rl-refunds-summary-note i{
  margin-right:5px;
  color:#9c7be8;
}

.rl-refunds-summary-card.is-calculated .rl-refunds-summary-note{
  color:#79d9b2;
}

.rl-refunds-summary-card.is-calculated .rl-refunds-summary-note i{
  color:#46c890;
}

.rl-refunds-summary-card.has-summary-error .rl-refunds-summary-note,
.rl-refunds-summary-card.has-summary-error .rl-refunds-summary-note i{
  color:#ff8ca5;
}

.rl-refunds-summary-count strong.is-unavailable{
  color:#a19aaa;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}

.rl-refunds-card{
  min-width:0;
  border:1px solid var(--refunds-line);
  border-radius:8px;
  background:rgba(8,10,22,.95);
  box-shadow:0 16px 44px rgba(0,0,0,.26);
  overflow:hidden;
}

.rl-refunds-controls{
  min-width:0;
  padding:14px;
  border-bottom:1px solid var(--refunds-line);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,330px);
  align-items:center;
  gap:12px;
}

.rl-refunds-tabs{
  min-width:0;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:5px;
}

.rl-refunds-tabs>li{
  margin:0!important;
}

.rl-refunds-tabs a{
  min-height:38px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#aaa4b8;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.rl-refunds-tabs a:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}

.rl-refunds-tabs a.is-active{
  border-color:rgba(255,63,180,.4);
  color:#fff;
  background:linear-gradient(90deg,rgba(111,50,223,.78),rgba(205,37,166,.72));
  box-shadow:0 0 16px rgba(255,63,180,.14);
}

.rl-refunds-tabs>li.active>a,
.rl-refunds-tabs>li.active>a:hover,
.rl-refunds-tabs>li.active>a:focus{
  border-color:rgba(255,63,180,.4);
  color:#fff;
  background:linear-gradient(90deg,rgba(111,50,223,.78),rgba(205,37,166,.72));
}

.rl-refunds-search{
  min-width:0;
  height:42px;
  border:1px solid rgba(139,61,255,.48);
  border-radius:8px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 42px;
  align-items:center;
  background:rgba(10,11,25,.94);
  overflow:hidden;
}

.rl-refunds-search>i{
  color:#a999c8;
  text-align:right;
}

.rl-refunds-search input:not([type="hidden"]){
  width:100%;
  min-width:0;
  height:40px;
  padding:0 10px;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
}

.rl-refunds-search input::placeholder{
  color:#817b90;
}

.rl-refunds-search button{
  width:42px;
  height:40px;
  border:0;
  border-left:1px solid rgba(255,255,255,.08);
  color:#fff;
  background:rgba(139,61,255,.16);
}

.rl-refunds-search:focus-within{
  border-color:var(--refunds-pink);
  box-shadow:0 0 0 3px rgba(255,63,180,.11);
}

.rl-refunds-table-scroll{
  max-width:100%;
  overflow-x:auto;
}

.rl-refunds-table{
  width:100%;
  min-width:720px;
  margin:0;
  border-collapse:collapse;
  table-layout:fixed;
  color:#e7e3ee;
}

.rl-refunds-table th,
.rl-refunds-table td{
  min-width:0;
  padding:10px 16px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.075);
  text-align:left;
  vertical-align:middle;
}

.rl-refunds-table th{
  height:46px;
  color:#9f99ad;
  background:#0d1020;
  font-size:11px;
  font-weight:900;
}

.rl-refunds-table td{
  height:58px;
  font-size:12px;
}

.rl-refunds-table th:nth-child(1){width:22%}
.rl-refunds-table th:nth-child(2){width:24%}
.rl-refunds-table th:nth-child(3){width:24%}
.rl-refunds-table th:nth-child(4){width:30%}

.rl-refunds-table tbody tr:hover{
  background:rgba(139,61,255,.055);
}

.rl-refunds-order-id a,
.rl-refunds-amount{
  color:#ff66c7!important;
  font-weight:900;
}

.rl-refunds-date{
  color:#bbb5c6;
  white-space:nowrap;
}

.rl-refunds-status{
  min-height:27px;
  max-width:100%;
  padding:4px 10px;
  border:1px solid rgba(139,61,255,.46);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#d8d0ff;
  background:rgba(139,61,255,.14);
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
}

.rl-refunds-status.is-canceled{
  border-color:rgba(255,63,140,.62);
  color:#ff9dcc;
  background:rgba(215,31,107,.17);
}

.rl-refunds-status.is-partial{
  border-color:rgba(139,61,255,.68);
  color:#c7a9ff;
  background:rgba(105,48,213,.2);
}

.rl-refunds-status.is-neutral{
  border-color:rgba(255,255,255,.14);
  color:#c2bdca;
  background:rgba(255,255,255,.045);
}

.rl-refunds-empty-row td{
  height:220px;
  text-align:center;
}

.rl-refunds-empty-row i,
.rl-refunds-empty-row strong,
.rl-refunds-empty-row span{
  display:block;
}

.rl-refunds-empty-row i{
  margin-bottom:10px;
  color:#685f7a;
  font-size:28px;
}

.rl-refunds-empty-row strong{
  color:#ece7f3;
  font-size:15px;
}

.rl-refunds-empty-row span{
  margin-top:4px;
  color:#8f899c;
}

.rl-refunds-footer{
  min-height:58px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#9d97a8;
  font-size:12px;
}

.rl-refunds-pagination{
  margin:0!important;
  display:flex;
  align-items:center;
  gap:5px;
}

.rl-refunds-pagination>li>a,
.rl-refunds-pagination>li>span{
  min-width:34px;
  height:34px;
  padding:0 9px;
  border:1px solid var(--refunds-line)!important;
  border-radius:7px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c7c1d0!important;
  background:#0e1020!important;
}

.rl-refunds-pagination>li.active>a,
.rl-refunds-pagination>li>a:hover{
  border-color:rgba(255,63,180,.58)!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7132df,#c725a3)!important;
}

.rl-refunds-mobile-nav{
  display:none;
}

@media(max-width:1180px){
  .rl-refunds-shell{
    grid-template-columns:210px minmax(0,1fr);
  }

  .rl-refunds-controls{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-refunds-search{
    width:min(100%,380px);
    justify-self:end;
  }
}

@media(max-width:767px){
  .rl-refunds-shell{
    width:100%;
    max-width:100%;
    min-width:0;
    display:block;
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }

  .rl-refunds-sidebar{
    display:none;
  }

  .rl-refunds-main{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:10px 12px 24px;
  }

  .rl-refunds-topbar{
    position:sticky;
    top:0;
    z-index:25;
    width:auto;
    min-width:0;
    min-height:64px;
    margin:-10px -12px 0;
    padding:10px 64px 10px 12px;
    background:rgba(5,6,15,.96);
    backdrop-filter:blur(16px);
  }

  .rl-refunds-mobile-brand{
    width:112px;
    height:42px;
    flex:0 0 112px;
    display:flex;
  }

  .rl-refunds-balance-group{
    flex:1;
    min-width:0;
    justify-content:flex-end;
    overflow:hidden;
  }

  .rl-refunds-balance{
    min-width:0;
    max-width:100%;
    padding-left:9px;
    padding-right:9px;
  }

  .rl-refunds-balance span,
  .rl-refunds-addfunds-link,
  .rl-refunds-account,
  .rl-refunds-topbar-spacer{
    display:none;
  }

  .rl-refunds-balance strong{
    max-width:100%;
    font-size:12px;
  }

  .rl-refunds-heading{
    min-height:104px;
    margin:12px 0;
    padding:18px;
    gap:13px;
  }

  .rl-refunds-heading::after{
    right:-64px;
    opacity:.6;
  }

  .rl-refunds-heading-icon{
    width:50px;
    height:50px;
    flex-basis:50px;
    font-size:19px;
  }

  .rl-refunds-heading h1{
    font-size:25px;
  }

  .rl-refunds-heading p{
    font-size:12px;
  }

  .rl-refunds-summary{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }

  .rl-refunds-summary-card{
    min-height:112px;
    padding:12px;
  }

  .rl-refunds-summary-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
    font-size:17px;
  }

  .rl-refunds-summary-amount{
    font-size:21px;
  }

  .rl-refunds-controls{
    padding:10px;
  }

  .rl-refunds-tabs{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
  }

  .rl-refunds-tabs a{
    width:100%;
    min-width:0;
    min-height:42px;
    padding:5px 4px;
    line-height:1.25;
    text-align:center;
    white-space:normal;
  }

  .rl-refunds-search{
    width:100%;
    justify-self:stretch;
  }

  .rl-refunds-card{
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }

  .rl-refunds-controls{
    border:1px solid var(--refunds-line);
    border-radius:8px;
    background:rgba(8,10,22,.95);
  }

  .rl-refunds-table-scroll{
    overflow:visible;
  }

  .rl-refunds-table{
    min-width:0;
    display:block;
  }

  .rl-refunds-table thead{
    display:none;
  }

  .rl-refunds-table tbody{
    margin-top:10px;
    display:grid;
    gap:9px;
  }

  .rl-refunds-table tbody tr{
    width:100%;
    min-width:0;
    padding:10px;
    border:1px solid var(--refunds-line);
    border-radius:8px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    background:rgba(9,11,23,.95);
    overflow:hidden;
  }

  .rl-refunds-table td{
    width:100%!important;
    height:auto;
    min-width:0;
    padding:7px 6px;
    border:0;
    display:grid;
    grid-template-columns:minmax(76px,.78fr) minmax(0,1.22fr);
    align-items:start;
    gap:8px;
    overflow-wrap:anywhere;
  }

  .rl-refunds-table td::before{
    content:attr(data-label);
    color:#817b90;
    font-size:10px;
    font-weight:800;
  }

  .rl-refunds-table td:nth-child(3),
  .rl-refunds-table td:nth-child(4){
    grid-column:1/-1;
  }

  .rl-refunds-status{
    justify-self:start;
  }

  .rl-refunds-date{
    white-space:normal;
  }

  .rl-refunds-empty-row{
    display:block!important;
  }

  .rl-refunds-empty-row td{
    height:170px;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }

  .rl-refunds-empty-row td::before{
    display:none;
  }

  .rl-refunds-footer{
    padding:14px 2px 0;
    align-items:flex-start;
    flex-direction:column;
  }

  .rl-refunds-footer nav{
    width:100%;
    overflow-x:auto;
  }

  .rl-refunds-pagination{
    width:max-content;
  }

  .rl-refunds-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
    height:calc(68px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);
    border-top:1px solid var(--refunds-line);
    display:flex;
    align-items:stretch;
    background:rgba(5,6,15,.97);
    backdrop-filter:blur(16px);
    overflow-x:auto;
  }

  .rl-refunds-mobile-nav a{
    min-width:82px;
    min-height:68px;
    flex:1 0 82px;
    padding:5px 4px;
    border:0;
    border-radius:0;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    color:#aaa4b8;
    font-size:10px;
    text-align:center;
  }

  .rl-refunds-mobile-nav a i{
    color:#d6b7ff;
    font-size:17px;
  }

  .rl-refunds-mobile-nav a.is-active,
  .rl-refunds-mobile-nav a:hover{
    color:#ff65c8;
    background:rgba(255,63,180,.08);
  }
}

@media(max-width:374px){
  .rl-refunds-main{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-refunds-topbar{
    margin-left:-10px;
    margin-right:-10px;
    padding-left:10px;
    padding-right:58px;
  }

  .rl-refunds-mobile-brand{
    width:102px;
    flex-basis:102px;
  }

  .rl-refunds-heading{
    padding:14px;
  }

  .rl-refunds-heading-icon{
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  .rl-refunds-heading h1{
    font-size:22px;
  }

  .rl-refunds-tabs{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-refunds-tabs a{
    min-height:38px;
  }

  .rl-refunds-table tbody tr{
    grid-template-columns:minmax(0,1fr);
    padding:8px;
  }

  .rl-refunds-table td,
  .rl-refunds-table td:nth-child(3),
  .rl-refunds-table td:nth-child(4){
    grid-column:1;
  }
}

/* ===== API DOCUMENTATION ===== */
body:has(.rl-api-shell) .navbar{
  display:none!important;
}

.rl-api-shell{
  --api-bg:#05060d;
  --api-panel:#0b0d1a;
  --api-panel-soft:#101323;
  --api-line:rgba(255,255,255,.1);
  --api-muted:#aaa5b8;
  --api-text:#f8f6ff;
  --api-pink:#ff3fb4;
  --api-purple:#8b3dff;
  width:100%;
  min-width:0;
  min-height:100vh;
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  color:var(--api-text);
  background:
    linear-gradient(118deg,rgba(139,61,255,.065),transparent 34%),
    linear-gradient(180deg,#080817 0%,var(--api-bg) 56%,#03040a 100%);
  box-sizing:border-box;
}

.rl-api-shell,
.rl-api-shell *{
  letter-spacing:0;
  box-sizing:border-box;
}

.rl-api-shell a{
  text-decoration:none!important;
}

.rl-api-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-width:0;
  padding:22px 18px;
  border-right:1px solid var(--api-line);
  display:flex;
  flex-direction:column;
  gap:20px;
  background:rgba(5,6,15,.96);
  overflow-y:auto;
}

.rl-api-brand{
  width:176px;
  max-width:100%;
  height:58px;
  display:flex;
  align-items:center;
}

.rl-api-brand img,
.rl-api-mobile-brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.rl-api-menu{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.rl-api-menu a,
.rl-api-mobile-nav a{
  min-width:0;
  min-height:44px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#d8d4e5;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-api-menu a i{
  width:20px;
  flex:0 0 20px;
  color:#d8baff;
  text-align:center;
}

.rl-api-menu a span{
  min-width:0;
  overflow-wrap:anywhere;
}

.rl-api-menu a:hover,
.rl-api-menu a.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff;
  background:linear-gradient(90deg,rgba(126,52,232,.78),rgba(231,37,164,.78));
  box-shadow:0 0 20px rgba(255,63,180,.16);
}

.rl-api-logout{
  min-height:44px;
  margin-top:auto;
  padding:0 12px;
  border:1px solid rgba(244,63,94,.32);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#ff9bad!important;
  background:rgba(244,63,94,.07);
  font-weight:900;
}

.rl-api-logout:hover{
  border-color:rgba(244,63,94,.68);
  color:#fff!important;
  background:rgba(244,63,94,.15);
}

.rl-api-main{
  width:100%;
  min-width:0;
  padding:18px clamp(18px,2.2vw,36px) 46px;
}

.rl-api-topbar{
  min-width:0;
  min-height:60px;
  padding-bottom:14px;
  border-bottom:1px solid var(--api-line);
  display:flex;
  align-items:center;
  gap:10px;
}

.rl-api-topbar-spacer{
  flex:1;
}

.rl-api-mobile-brand{
  display:none;
}

.rl-api-account{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.rl-api-balance,
.rl-api-account-link{
  min-width:0;
  min-height:42px;
  padding:7px 12px;
  border:1px solid var(--api-line);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:9px;
  color:#ded9ea!important;
  background:rgba(255,255,255,.035);
}

.rl-api-balance{
  border-color:rgba(255,63,180,.4);
}

.rl-api-balance i{
  color:var(--api-pink);
}

.rl-api-balance span{
  color:var(--api-muted);
  font-size:11px;
}

.rl-api-balance strong{
  min-width:0;
  color:#fff;
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-api-account-link{
  font-weight:800;
  white-space:nowrap;
}

.rl-api-account-link:hover,
.rl-api-account-link.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff!important;
  background:rgba(255,63,180,.09);
}

.rl-api-container{
  width:100%!important;
  max-width:1180px!important;
  min-width:0;
  margin:22px auto 0!important;
  padding:0!important;
}

.rl-api-container>.row{
  width:100%;
  min-width:0;
  margin:0!important;
}

.rl-api-column{
  width:100%!important;
  min-width:0;
  margin-left:0!important;
  padding:0!important;
  float:none!important;
}

.rl-api-content{
  width:100%;
  min-width:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--api-text)!important;
  background:transparent!important;
  box-shadow:none!important;
  float:none!important;
}

.rl-api-content .center-big-content-block{
  width:100%;
  min-width:0;
}

.rl-api-hero{
  position:relative;
  width:100%;
  min-width:0;
  min-height:126px;
  margin-bottom:12px;
  padding:22px 26px;
  border:1px solid rgba(255,63,180,.34);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:20px;
  color:#fff;
  background:
    linear-gradient(110deg,rgba(255,63,180,.15),transparent 46%),
    linear-gradient(135deg,#0b0c1d 0%,#170921 62%,#0a1020 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 14px 38px rgba(0,0,0,.2);
  overflow:hidden;
}

.rl-api-hero::after{
  content:"";
  position:absolute;
  top:-72px;
  right:clamp(28px,8vw,120px);
  width:210px;
  height:210px;
  border:28px solid rgba(139,61,255,.09);
  border-bottom-color:rgba(255,63,180,.11);
  border-radius:50%;
  transform:rotate(-24deg);
  pointer-events:none;
}

.rl-api-hero-icon{
  position:relative;
  z-index:1;
  width:64px;
  height:64px;
  flex:0 0 64px;
  border:1px solid rgba(255,93,200,.78);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff7cd1;
  background:linear-gradient(135deg,rgba(113,50,223,.64),rgba(211,42,168,.62));
  box-shadow:0 0 24px rgba(255,47,174,.24),inset 0 0 18px rgba(255,255,255,.05);
  font-size:27px;
}

.rl-api-hero>div:last-child{
  position:relative;
  z-index:1;
  min-width:0;
}

.rl-api-hero h1{
  margin:0!important;
  color:#fff!important;
  font-size:32px;
  line-height:1.2;
  font-weight:950;
}

.rl-api-hero p{
  margin:6px 0 0!important;
  color:#c9c2d4;
  font-size:14px;
  line-height:1.5;
}

.rl-api-document-card{
  width:100%;
  min-width:0;
  padding:14px;
  border:1px solid rgba(139,61,255,.28);
  border-radius:8px;
  color:#e8e3ef;
  background:
    linear-gradient(135deg,rgba(139,61,255,.055),transparent 36%),
    rgba(8,10,22,.96);
  box-shadow:0 16px 44px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.02);
  overflow:hidden;
}

.rl-api-document-card .table{
  width:100%!important;
  max-width:100%;
  min-width:0;
  margin:0 0 16px!important;
  border-collapse:collapse;
  table-layout:fixed;
  color:#ece8f2!important;
  background:#090b18!important;
}

.rl-api-document-card .table th,
.rl-api-document-card .table td{
  min-width:0!important;
  padding:10px 12px!important;
  border:1px solid rgba(148,132,183,.2)!important;
  color:#e8e3ef!important;
  background:rgba(8,10,22,.92)!important;
  font-size:13px;
  line-height:1.5;
  vertical-align:middle;
  overflow-wrap:anywhere;
  word-break:normal!important;
}

.rl-api-document-card .table th{
  color:#f6f2fa!important;
  background:rgba(89,58,150,.22)!important;
  font-weight:900;
}

.rl-api-document-card .rl-api-connection-table td:first-child{
  color:#b7b0c3!important;
  background:rgba(15,17,34,.98)!important;
  font-weight:800;
}

.rl-api-document-card .width-40{
  width:40%!important;
  min-width:0!important;
  word-break:normal!important;
}

.rl-api-document-card a{
  color:#ff68c9!important;
}

.rl-api-document-card h4{
  margin:15px 2px 8px!important;
  color:#f8f4ff!important;
  font-size:15px;
  line-height:1.4;
}

.rl-api-document-card h4 strong{
  font-weight:900;
}

.rl-api-document-card .form-inline{
  max-width:100%;
  margin:0 0 10px!important;
}

.rl-api-document-card .form-group{
  max-width:100%;
}

.rl-api-document-card .form-control{
  max-width:100%;
  min-height:38px;
  border:1px solid rgba(139,61,255,.46)!important;
  border-radius:7px!important;
  color:#fff!important;
  background:#101323!important;
  box-shadow:none!important;
}

.rl-api-document-card .form-control:focus{
  border-color:var(--api-pink)!important;
  box-shadow:0 0 0 3px rgba(255,63,180,.12)!important;
  outline:0;
}

.rl-api-example-title{
  margin:8px 2px!important;
  color:#d8d2e1;
  font-size:13px;
}

.rl-api-document-card pre{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 0 18px!important;
  padding:14px 16px!important;
  border:1px solid rgba(139,61,255,.28)!important;
  border-radius:8px!important;
  color:#dce8ff!important;
  background:#050712!important;
  box-shadow:inset 0 0 24px rgba(63,82,164,.055);
  font-family:Consolas,"Courier New",monospace!important;
  font-size:12px;
  line-height:1.55;
  white-space:pre!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  tab-size:2;
}

.rl-api-document-card>.btn{
  min-height:38px;
  padding:8px 13px;
  border:1px solid rgba(255,63,180,.45)!important;
  border-radius:7px!important;
  color:#ff83d5!important;
  background:rgba(255,63,180,.08)!important;
  font-size:12px;
  font-weight:900;
}

.rl-api-document-card>.btn:hover,
.rl-api-document-card>.btn:focus{
  border-color:rgba(255,63,180,.74)!important;
  color:#fff!important;
  background:rgba(255,63,180,.15)!important;
  outline:0;
}

.rl-api-mobile-nav{
  display:none;
}

@media(max-width:1240px){
  .rl-api-shell{
    grid-template-columns:210px minmax(0,1fr);
  }
}

@media(max-width:767px){
  .rl-api-shell{
    width:100%;
    max-width:100%;
    min-width:0;
    display:block;
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }

  .rl-api-sidebar{
    display:none;
  }

  .rl-api-main{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:10px 12px 24px;
  }

  .rl-api-topbar{
    position:sticky;
    top:0;
    z-index:25;
    width:auto;
    min-width:0;
    min-height:64px;
    margin:-10px -12px 0;
    padding:10px 64px 10px 12px;
    background:rgba(5,6,15,.96);
    backdrop-filter:blur(16px);
  }

  .rl-api-mobile-brand{
    width:112px;
    height:42px;
    flex:0 0 112px;
    display:flex;
  }

  .rl-api-topbar-spacer{
    display:none;
  }

  .rl-api-account{
    flex:1;
    min-width:0;
    overflow:hidden;
  }

  .rl-api-balance{
    min-width:0;
    flex:1;
    justify-content:flex-end;
    overflow:hidden;
  }

  .rl-api-balance span,
  .rl-api-account-link{
    display:none;
  }

  .rl-api-balance strong{
    max-width:100%;
    font-size:12px;
  }

  .rl-api-container{
    max-width:100%!important;
    margin-top:12px!important;
  }

  .rl-api-hero{
    min-height:96px;
    margin-bottom:10px;
    padding:16px;
    gap:13px;
  }

  .rl-api-hero::after{
    right:-68px;
    opacity:.58;
  }

  .rl-api-hero-icon{
    width:48px;
    height:48px;
    flex-basis:48px;
    font-size:20px;
  }

  .rl-api-hero h1{
    font-size:25px;
  }

  .rl-api-hero p{
    font-size:11px;
  }

  .rl-api-document-card{
    padding:11px;
  }

  .rl-api-document-card .table{
    margin-bottom:13px!important;
  }

  .rl-api-document-card .table th,
  .rl-api-document-card .table td{
    padding:8px!important;
    font-size:11px;
    line-height:1.45;
  }

  .rl-api-document-card .width-40{
    width:36%!important;
  }

  .rl-api-document-card h4{
    font-size:14px;
  }

  .rl-api-document-card .form-group,
  .rl-api-document-card .form-control{
    width:100%!important;
  }

  .rl-api-document-card pre{
    padding:12px!important;
    font-size:11px;
  }

  .rl-api-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
    height:calc(68px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);
    border-top:1px solid var(--api-line);
    display:flex;
    align-items:stretch;
    background:rgba(5,6,15,.97);
    backdrop-filter:blur(16px);
    overflow-x:auto;
  }

  .rl-api-mobile-nav a{
    min-width:82px;
    min-height:68px;
    flex:1 0 82px;
    padding:5px 4px;
    border:0;
    border-radius:0;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    color:#aaa4b8;
    font-size:10px;
    text-align:center;
  }

  .rl-api-mobile-nav a i{
    color:#d6b7ff;
    font-size:17px;
  }

  .rl-api-mobile-nav a.is-active,
  .rl-api-mobile-nav a:hover{
    color:#ff65c8;
    background:rgba(255,63,180,.08);
  }
}

@media(max-width:374px){
  .rl-api-main{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-api-topbar{
    margin-left:-10px;
    margin-right:-10px;
    padding-left:10px;
    padding-right:58px;
  }

  .rl-api-mobile-brand{
    width:102px;
    flex-basis:102px;
  }

  .rl-api-hero{
    padding:14px;
  }

  .rl-api-hero-icon{
    width:44px;
    height:44px;
    flex-basis:44px;
    font-size:18px;
  }

  .rl-api-hero h1{
    font-size:22px;
  }

  .rl-api-document-card{
    padding:9px;
  }

  .rl-api-document-card .table th,
  .rl-api-document-card .table td{
    padding:7px 6px!important;
    font-size:10px;
  }

  .rl-api-document-card pre{
    font-size:10px;
  }
}

/* ===== AFFILIATES ===== */
body:has(.rl-affiliates-shell) .navbar,
body.rl-affiliates-body .navbar{
  display:none!important;
}

body.rl-affiliates-body{
  overflow-x:hidden!important;
  background:#05060d!important;
}

.rl-affiliates-shell{
  --affiliate-bg:#05060d;
  --affiliate-panel:#0b0e1d;
  --affiliate-panel-soft:#101426;
  --affiliate-line:rgba(255,255,255,.1);
  --affiliate-muted:#aaa5b8;
  --affiliate-text:#f8f6ff;
  --affiliate-pink:#ff3fb4;
  --affiliate-purple:#8b3dff;
  --affiliate-cyan:#28c9e8;
  width:100%;
  min-width:0;
  min-height:100vh;
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  color:var(--affiliate-text);
  background:
    linear-gradient(118deg,rgba(139,61,255,.07),transparent 34%),
    linear-gradient(180deg,#070817 0%,var(--affiliate-bg) 58%,#03040a 100%);
}

.rl-affiliates-shell,
.rl-affiliates-shell *{
  box-sizing:border-box;
  letter-spacing:0;
}

.rl-affiliates-shell a{
  color:inherit;
  text-decoration:none!important;
}

.rl-affiliates-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-width:0;
  padding:22px 18px;
  border-right:1px solid var(--affiliate-line);
  display:flex;
  flex-direction:column;
  gap:20px;
  background:rgba(5,6,15,.96);
  overflow-y:auto;
}

.rl-affiliates-brand{
  width:176px;
  max-width:100%;
  height:58px;
  display:flex;
  align-items:center;
}

.rl-affiliates-brand img,
.rl-affiliates-mobile-brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.rl-affiliates-menu{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.rl-affiliates-menu a,
.rl-affiliates-mobile-nav a{
  min-width:0;
  min-height:44px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#d8d4e5;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.rl-affiliates-menu a i{
  width:20px;
  flex:0 0 20px;
  color:#d8baff;
  text-align:center;
}

.rl-affiliates-menu a span{
  min-width:0;
  overflow-wrap:anywhere;
}

.rl-affiliates-menu a:hover,
.rl-affiliates-menu a.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff;
  background:linear-gradient(90deg,rgba(126,52,232,.82),rgba(231,37,164,.82));
  box-shadow:0 0 20px rgba(255,63,180,.16);
}

.rl-affiliates-logout{
  min-height:44px;
  margin-top:auto;
  padding:0 12px;
  border:1px solid rgba(244,63,94,.32);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#ff9bad!important;
  background:rgba(244,63,94,.07);
  font-weight:900;
}

.rl-affiliates-logout:hover{
  border-color:rgba(244,63,94,.68);
  color:#fff!important;
  background:rgba(244,63,94,.15);
}

.rl-affiliates-main{
  width:100%;
  min-width:0;
  padding:18px clamp(18px,2.2vw,36px) 46px;
}

.rl-affiliates-topbar{
  min-width:0;
  min-height:60px;
  padding-bottom:14px;
  border-bottom:1px solid var(--affiliate-line);
  display:flex;
  align-items:center;
  gap:10px;
}

.rl-affiliates-topbar-spacer{
  flex:1;
}

.rl-affiliates-mobile-brand{
  display:none;
}

.rl-affiliates-account{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.rl-affiliates-balance,
.rl-affiliates-account-link{
  min-width:0;
  min-height:42px;
  padding:7px 12px;
  border:1px solid var(--affiliate-line);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:9px;
  color:#ded9ea!important;
  background:rgba(255,255,255,.035);
}

.rl-affiliates-balance{
  border-color:rgba(255,63,180,.4);
}

.rl-affiliates-balance i{
  color:var(--affiliate-pink);
}

.rl-affiliates-balance span{
  color:var(--affiliate-muted);
  font-size:11px;
}

.rl-affiliates-balance strong{
  min-width:0;
  color:#fff;
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-affiliates-account-link{
  font-weight:800;
  white-space:nowrap;
}

.rl-affiliates-account-link:hover,
.rl-affiliates-account-link.is-active{
  border-color:rgba(255,63,180,.48);
  color:#fff!important;
  background:rgba(255,63,180,.09);
}

.rl-affiliates-hero{
  position:relative;
  min-width:0;
  min-height:248px;
  margin:22px 0 14px;
  padding:28px clamp(24px,3.4vw,54px);
  border:1px solid rgba(255,63,180,.24);
  border-radius:8px;
  display:grid;
  grid-template-columns:minmax(0,40%) minmax(0,60%);
  align-items:center;
  gap:18px;
  background:
    radial-gradient(circle at 74% 52%,rgba(255,63,180,.13),transparent 38%),
    linear-gradient(120deg,#080b1b 0%,#090a1d 43%,#150923 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
  overflow:hidden;
}

.rl-affiliates-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
}

.rl-affiliates-hero h1{
  margin:0;
  color:#fff;
  font-size:42px;
  line-height:1.15;
  font-weight:950;
}

.rl-affiliates-hero p{
  max-width:510px;
  margin:11px 0 0;
  color:#d0cad8;
  font-size:15px;
  line-height:1.65;
}

.rl-affiliates-hero-art{
  min-width:0;
  height:190px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.rl-affiliates-hero-art.is-unavailable{
  display:none;
}

.rl-affiliates-hero-image{
  width:100%;
  max-width:850px;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:right center;
  filter:drop-shadow(0 0 20px rgba(255,63,180,.22));
}

.rl-affiliates-hero-image[hidden]{
  display:none!important;
}

.rl-affiliates-card{
  min-width:0;
  border:1px solid var(--affiliate-line);
  border-radius:8px;
  color:var(--affiliate-text);
  background:linear-gradient(180deg,rgba(13,16,34,.94),rgba(8,10,22,.97));
  box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,63,180,.025);
}

.rl-affiliates-information{
  margin-bottom:14px;
  padding:18px;
  color:#d9d3e3;
  line-height:1.65;
  overflow-wrap:anywhere;
}

.rl-affiliates-information *{
  max-width:100%;
  overflow-wrap:anywhere;
}

.rl-affiliates-information a{
  color:#ff72ca!important;
}

.rl-affiliates-referral{
  padding:18px 22px;
}

.rl-affiliates-referral h2,
.rl-affiliates-process h2,
.rl-affiliates-dashboard h2,
.rl-affiliates-payments h2{
  margin:0;
  color:#fff;
  font-size:18px;
  line-height:1.4;
  font-weight:950;
}

.rl-affiliates-link-row{
  min-width:0;
  margin-top:10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px 120px;
  gap:10px;
}

.rl-affiliates-shell.is-share-unavailable .rl-affiliates-link-row{
  grid-template-columns:minmax(0,1fr) 190px;
}

.rl-affiliates-link-row input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 14px;
  border:1px solid rgba(139,61,255,.35);
  border-radius:8px;
  outline:0;
  color:#f6f2fa;
  background:#060919;
  font-family:Consolas,"Courier New",monospace;
  font-size:14px;
  text-overflow:ellipsis;
}

.rl-affiliates-link-row input:focus{
  border-color:var(--affiliate-pink);
  box-shadow:0 0 0 3px rgba(255,63,180,.11);
}

.rl-affiliates-action{
  min-width:0;
  min-height:46px;
  padding:0 14px;
  border:1px solid rgba(139,61,255,.4);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#eee9f7;
  background:rgba(139,61,255,.08);
  font-weight:900;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.rl-affiliates-action.is-primary{
  border-color:rgba(255,96,200,.55);
  color:#fff;
  background:linear-gradient(90deg,#7132df,#ee329d);
  box-shadow:0 0 20px rgba(255,63,180,.22);
}

.rl-affiliates-action:hover,
.rl-affiliates-action:focus{
  border-color:rgba(255,96,200,.8);
  color:#fff;
  box-shadow:0 0 24px rgba(255,63,180,.25);
  outline:0;
}

.rl-affiliates-action[hidden]{
  display:none!important;
}

.rl-affiliates-feedback{
  min-height:18px;
  margin:5px 0 0;
  color:#7ee6bd;
  font-size:11px;
  font-weight:800;
}

.rl-affiliates-feedback.is-error{
  color:#ff91a8;
}

.rl-affiliates-terms{
  max-width:520px;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.rl-affiliates-terms>div{
  min-width:0;
  min-height:62px;
  padding:9px 14px;
  border:1px solid var(--affiliate-line);
  border-radius:8px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:10px;
  background:rgba(6,9,24,.64);
}

.rl-affiliates-term-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
}

.rl-affiliates-term-icon.is-pink{
  color:#ff65c5;
  background:rgba(255,63,180,.14);
}

.rl-affiliates-term-icon.is-cyan{
  color:#50def4;
  background:rgba(40,201,232,.14);
}

.rl-affiliates-terms small,
.rl-affiliates-terms strong{
  min-width:0;
  display:block;
  overflow-wrap:anywhere;
}

.rl-affiliates-terms small{
  color:#aaa5b8;
  font-size:11px;
}

.rl-affiliates-terms strong{
  margin-top:2px;
  color:#fff;
  font-size:17px;
}

.rl-affiliates-process{
  min-width:0;
  padding-top:16px;
}

.rl-affiliates-process h2 i{
  margin-right:6px;
  color:#ff4fbd;
}

.rl-affiliates-steps{
  min-width:0;
  margin-top:9px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr);
  align-items:center;
}

.rl-affiliates-step{
  position:relative;
  min-width:0;
  min-height:188px;
  padding:16px 12px;
  border:1px solid rgba(255,99,190,.34);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 28%,rgba(139,61,255,.13),transparent 38%),
    rgba(10,12,28,.94);
  text-align:center;
}

.rl-affiliates-step-number{
  position:absolute;
  top:11px;
  left:11px;
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#7b3df2,#f43da7);
  box-shadow:0 0 16px rgba(255,63,180,.27);
  font-size:18px;
  font-weight:950;
}

.rl-affiliates-step-icon{
  width:62px;
  height:62px;
  margin:6px 0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d6b7ff;
  text-shadow:0 0 18px rgba(139,61,255,.72);
  font-size:42px;
}

.rl-affiliates-step-icon.is-wallet{
  color:#ff70c9;
}

.rl-affiliates-step h3{
  margin:0;
  color:#fff;
  font-size:15px;
  line-height:1.35;
  font-weight:950;
  overflow-wrap:anywhere;
}

.rl-affiliates-step p{
  margin:5px 0 0;
  color:#aaa5b8;
  font-size:11px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.rl-affiliates-path{
  position:relative;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff66c4;
}

.rl-affiliates-path::before,
.rl-affiliates-path::after{
  content:"";
  width:18px;
  border-top:2px dashed rgba(255,63,180,.7);
}

.rl-affiliates-path i{
  margin:0 2px;
  transform:rotate(14deg);
  font-size:13px;
}

.rl-affiliates-dashboard{
  min-width:0;
  margin-top:16px;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);
  align-items:start;
  gap:14px;
}

.rl-affiliates-dashboard>section{
  min-width:0;
}

.rl-affiliates-stat-grid{
  min-width:0;
  margin-top:9px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.rl-affiliates-stat{
  min-width:0;
  min-height:96px;
  padding:13px;
  border:1px solid var(--affiliate-line);
  border-radius:8px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:3px 10px;
  background:rgba(10,13,29,.94);
}

.rl-affiliates-stat i{
  width:40px;
  height:40px;
  grid-row:1/3;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#caa9ff;
  background:rgba(139,61,255,.16);
  font-size:17px;
}

.rl-affiliates-stat:nth-child(2) i{
  color:#50def4;
  background:rgba(40,201,232,.13);
}

.rl-affiliates-stat:nth-child(3) i{
  color:#ff65c5;
  background:rgba(255,63,180,.13);
}

.rl-affiliates-stat span,
.rl-affiliates-stat strong{
  min-width:0;
  display:block;
  overflow-wrap:anywhere;
}

.rl-affiliates-stat span{
  color:#aaa5b8;
  font-size:10px;
}

.rl-affiliates-stat strong{
  color:#fff;
  font-size:20px;
  line-height:1.2;
}

.rl-affiliates-earnings-card{
  min-width:0;
  min-height:96px;
  margin-top:9px;
  padding:13px;
  border:1px solid var(--affiliate-line);
  border-radius:8px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  background:
    linear-gradient(135deg,rgba(255,63,180,.1),transparent 55%),
    rgba(10,13,29,.94);
}

.rl-affiliates-earnings-card>div{
  min-width:0;
  padding:4px 14px;
  border-right:1px solid var(--affiliate-line);
}

.rl-affiliates-earnings-card>div:first-child{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:9px;
}

.rl-affiliates-earnings-card>div:first-child i{
  width:34px;
  height:34px;
  grid-row:1/3;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff6bc8;
  background:rgba(255,63,180,.12);
}

.rl-affiliates-earnings-card>div:nth-child(2){
  border-right:0;
}

.rl-affiliates-earnings-card span,
.rl-affiliates-earnings-card strong{
  min-width:0;
  display:block;
  overflow-wrap:anywhere;
}

.rl-affiliates-earnings-card span{
  color:#aaa5b8;
  font-size:10px;
}

.rl-affiliates-earnings-card strong{
  margin-top:4px;
  color:#fff;
  font-size:19px;
  line-height:1.25;
}

.rl-affiliates-earnings-card>div:nth-child(2) strong{
  color:#ff55bc;
}

.rl-affiliates-payout{
  grid-column:1/-1;
  min-height:34px;
  margin-top:10px;
  border:1px solid rgba(255,63,180,.42);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff83d5!important;
  background:rgba(255,63,180,.08);
  font-size:11px;
  font-weight:900;
}

.rl-affiliates-payout:hover{
  border-color:rgba(255,63,180,.72);
  color:#fff!important;
  background:rgba(255,63,180,.14);
}

.rl-affiliates-payments{
  margin-top:16px;
  overflow:hidden;
}

.rl-affiliates-payments h2{
  padding:16px 18px;
  border-bottom:1px solid var(--affiliate-line);
}

.rl-affiliates-table-scroll{
  max-width:100%;
  overflow-x:auto;
}

.rl-affiliates-table{
  width:100%;
  min-width:620px;
  margin:0!important;
  border-collapse:collapse;
  color:#e8e3ef;
}

.rl-affiliates-table th,
.rl-affiliates-table td{
  padding:11px 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  color:#e8e3ef!important;
  background:transparent!important;
  text-align:left;
  vertical-align:middle!important;
}

.rl-affiliates-table th{
  height:44px;
  color:#9f99ad!important;
  background:#0d1020!important;
  font-size:11px;
  font-weight:900;
}

.rl-affiliates-table td{
  height:58px;
  font-size:12px;
}

.rl-affiliates-table td:nth-child(2){
  color:#ff66c7!important;
  font-weight:900;
}

.rl-affiliates-table td:last-child span{
  min-height:27px;
  padding:4px 10px;
  border:1px solid rgba(139,61,255,.46);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  color:#d8d0ff;
  background:rgba(139,61,255,.14);
  font-size:11px;
  font-weight:900;
}

.rl-affiliates-pagination-wrap{
  max-width:100%;
  margin-top:14px;
  overflow-x:auto;
}

.rl-affiliates-pagination{
  width:max-content;
  margin:0!important;
  display:flex;
  align-items:center;
  gap:5px;
}

.rl-affiliates-pagination>li>a,
.rl-affiliates-pagination>li>span{
  min-width:34px;
  height:34px;
  padding:0 9px;
  border:1px solid var(--affiliate-line)!important;
  border-radius:7px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c7c1d0!important;
  background:#0e1020!important;
}

.rl-affiliates-pagination>li.active>a,
.rl-affiliates-pagination>li>a:hover{
  border-color:rgba(255,63,180,.58)!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7132df,#c725a3)!important;
}

.rl-affiliates-mobile-nav{
  display:none;
}

@media(max-width:1240px){
  .rl-affiliates-shell{
    grid-template-columns:210px minmax(0,1fr);
  }

  .rl-affiliates-steps{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }

  .rl-affiliates-path{
    display:none;
  }

  .rl-affiliates-dashboard{
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:980px){
  .rl-affiliates-hero{
    grid-template-columns:minmax(0,42%) minmax(0,58%);
    padding-left:24px;
    padding-right:18px;
  }

  .rl-affiliates-hero h1{
    font-size:36px;
  }

  .rl-affiliates-link-row{
    grid-template-columns:minmax(0,1fr) 170px;
  }

  .rl-affiliates-shell.is-share-unavailable .rl-affiliates-link-row{
    grid-template-columns:minmax(0,1fr) 170px;
  }

  .rl-affiliates-action:not(.is-primary){
    grid-column:2;
  }

  .rl-affiliates-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:767px){
  .rl-affiliates-shell{
    width:100%;
    max-width:100%;
    min-width:0;
    display:block;
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }

  .rl-affiliates-sidebar{
    display:none;
  }

  .rl-affiliates-main{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:10px 12px 24px;
  }

  .rl-affiliates-topbar{
    position:sticky;
    top:0;
    z-index:25;
    width:auto;
    min-width:0;
    min-height:64px;
    margin:-10px -12px 0;
    padding:10px 64px 10px 12px;
    background:rgba(5,6,15,.96);
    backdrop-filter:blur(16px);
  }

  .rl-affiliates-mobile-brand{
    width:112px;
    height:42px;
    flex:0 0 112px;
    display:flex;
  }

  .rl-affiliates-topbar-spacer{
    display:none;
  }

  .rl-affiliates-account{
    flex:1;
    min-width:0;
    justify-content:flex-end;
    overflow:hidden;
  }

  .rl-affiliates-balance{
    min-width:0;
    flex:1;
    justify-content:flex-end;
    overflow:hidden;
  }

  .rl-affiliates-balance span,
  .rl-affiliates-account-link{
    display:none;
  }

  .rl-affiliates-balance strong{
    max-width:100%;
    font-size:12px;
  }

  .rl-affiliates-hero{
    min-height:0;
    margin:12px 0;
    padding:18px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }

  .rl-affiliates-hero h1{
    font-size:30px;
  }

  .rl-affiliates-hero p{
    font-size:13px;
  }

  .rl-affiliates-hero-art{
    width:100%;
    height:auto;
    min-height:0;
    justify-content:center;
  }

  .rl-affiliates-hero-image{
    width:100%;
    max-width:680px;
    height:auto;
    object-position:center;
  }

  .rl-affiliates-referral{
    padding:16px;
  }

  .rl-affiliates-link-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rl-affiliates-shell.is-share-unavailable .rl-affiliates-link-row{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-affiliates-shell.is-share-unavailable .rl-affiliates-link-row input,
  .rl-affiliates-shell.is-share-unavailable .rl-affiliates-action.is-primary{
    grid-column:1;
  }

  .rl-affiliates-link-row input{
    grid-column:1/-1;
  }

  .rl-affiliates-action:not(.is-primary){
    grid-column:auto;
  }

  .rl-affiliates-terms{
    max-width:100%;
  }

  .rl-affiliates-steps{
    grid-template-columns:minmax(0,1fr);
    gap:9px;
  }

  .rl-affiliates-step{
    min-height:112px;
    padding:14px 14px 14px 92px;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:center;
    justify-items:start;
    text-align:left;
  }

  .rl-affiliates-step-icon{
    position:absolute;
    left:21px;
    top:50%;
    width:52px;
    height:52px;
    margin:0;
    transform:translateY(-50%);
    font-size:34px;
  }

  .rl-affiliates-step-number{
    top:8px;
    left:8px;
    width:27px;
    height:27px;
    font-size:14px;
  }

  .rl-affiliates-step h3{
    font-size:14px;
  }

  .rl-affiliates-step p{
    font-size:11px;
  }

  .rl-affiliates-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rl-affiliates-earnings-card{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-affiliates-earnings-card>div{
    min-height:64px;
    padding:10px;
    border-right:0;
    border-bottom:1px solid var(--affiliate-line);
  }

  .rl-affiliates-earnings-card>div:nth-child(2){
    border-bottom:0;
  }

  .rl-affiliates-table-scroll{
    overflow:visible;
  }

  .rl-affiliates-table{
    min-width:0;
    display:block;
  }

  .rl-affiliates-table thead{
    display:none;
  }

  .rl-affiliates-table tbody{
    padding:10px;
    display:grid;
    gap:9px;
  }

  .rl-affiliates-table tbody tr{
    width:100%;
    min-width:0;
    padding:9px;
    border:1px solid var(--affiliate-line);
    border-radius:8px;
    display:grid;
    background:rgba(9,11,23,.94);
  }

  .rl-affiliates-table td{
    width:100%!important;
    height:auto;
    min-width:0;
    padding:7px 6px!important;
    border:0!important;
    display:grid;
    grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr);
    gap:8px;
    overflow-wrap:anywhere;
  }

  .rl-affiliates-table td::before{
    content:attr(data-label);
    color:#817b90;
    font-size:10px;
    font-weight:800;
  }

  .rl-affiliates-table td:last-child span{
    justify-self:start;
  }

  .rl-affiliates-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
    height:calc(68px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);
    border-top:1px solid var(--affiliate-line);
    display:flex;
    align-items:stretch;
    background:rgba(5,6,15,.97);
    backdrop-filter:blur(16px);
    overflow-x:auto;
  }

  .rl-affiliates-mobile-nav a{
    min-width:82px;
    min-height:68px;
    flex:1 0 82px;
    padding:5px 4px;
    border:0;
    border-radius:0;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    color:#aaa4b8;
    font-size:10px;
    text-align:center;
  }

  .rl-affiliates-mobile-nav a i{
    color:#d6b7ff;
    font-size:17px;
  }

  .rl-affiliates-mobile-nav a.is-active,
  .rl-affiliates-mobile-nav a:hover{
    color:#ff65c8;
    background:rgba(255,63,180,.08);
  }
}

@media(max-width:430px){
  .rl-affiliates-link-row{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-affiliates-link-row input,
  .rl-affiliates-action,
  .rl-affiliates-action:not(.is-primary){
    grid-column:1;
    width:100%;
  }

  .rl-affiliates-terms,
  .rl-affiliates-stat-grid{
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:374px){
  .rl-affiliates-main{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-affiliates-topbar{
    margin-left:-10px;
    margin-right:-10px;
    padding-left:10px;
    padding-right:58px;
  }

  .rl-affiliates-mobile-brand{
    width:102px;
    flex-basis:102px;
  }

  .rl-affiliates-hero,
  .rl-affiliates-referral{
    padding:14px;
  }

  .rl-affiliates-hero h1{
    font-size:27px;
  }
}

/* ===== SIGNUP ===== */
.rl-signup-shell{
  --signup-panel:#080b1b;
  --signup-panel-soft:#0d1228;
  --signup-line:rgba(153,117,255,.26);
  --signup-muted:#aaa5b8;
  --signup-pink:#ff36ae;
  --signup-purple:#8138ff;
  width:100%;
  min-width:0;
  min-height:calc(100vh - 84px);
  padding:20px 18px 42px;
  color:#f8f6ff;
  background:
    radial-gradient(circle at 82% 42%,rgba(255,54,174,.1),transparent 30%),
    linear-gradient(135deg,#050711 0%,#08091a 56%,#090512 100%);
}

.rl-signup-shell,
.rl-signup-shell *{
  box-sizing:border-box;
  letter-spacing:0;
}

.rl-signup-container{
  width:100%;
  max-width:1150px;
  min-width:0;
  margin:0 auto;
}

.rl-signup-card{
  width:100%;
  min-width:0;
  min-height:680px;
  border:1px solid rgba(151,112,255,.44);
  border-radius:18px;
  display:grid;
  grid-template-columns:minmax(0,47%) minmax(0,53%);
  background:#070b1b;
  box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 32px rgba(111,45,235,.08);
  overflow:hidden;
}

.rl-signup-intro{
  position:relative;
  min-width:0;
  min-height:680px;
  padding:52px 38px 28px;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 82% 26%,rgba(255,48,189,.2),transparent 22%),
    linear-gradient(145deg,#0c0b32 0%,#12052e 58%,#1d0732 100%);
  overflow:hidden;
}

.rl-signup-intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(150deg,transparent 0 46%,rgba(139,61,255,.08) 47%,transparent 48%),
    radial-gradient(circle at 56% 76%,rgba(125,44,255,.16),transparent 32%);
  pointer-events:none;
}

.rl-signup-intro-copy{
  position:relative;
  z-index:2;
  min-width:0;
}

.rl-signup-kicker{
  margin:0 0 7px!important;
  color:#d8cfff!important;
  font-size:14px;
  font-weight:900;
}

.rl-signup-intro h1{
  margin:0;
  color:#fff;
  font-size:42px;
  line-height:1.12;
  font-weight:950;
}

.rl-signup-intro h1 span{
  color:#a74cff;
  text-shadow:0 0 24px rgba(164,65,255,.34);
}

.rl-signup-intro-copy>p:last-of-type{
  max-width:420px;
  margin:13px 0 0;
  color:#c7c0d2;
  font-size:15px;
  line-height:1.6;
}

.rl-signup-benefits{
  width:min(100%,220px);
  margin-top:28px;
  display:grid;
  gap:10px;
}

.rl-signup-benefits>div{
  min-width:0;
  min-height:54px;
  padding:9px 13px;
  border:1px solid rgba(255,54,174,.35);
  border-radius:8px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  color:#eee9f5;
  background:rgba(7,9,27,.58);
  font-weight:850;
}

.rl-signup-benefits i{
  width:34px;
  color:#ff5bc1;
  text-align:center;
  font-size:20px;
}

.rl-signup-benefits span{
  min-width:0;
  overflow-wrap:anywhere;
}

.rl-signup-art{
  position:absolute;
  z-index:1;
  right:-18px;
  bottom:42px;
  width:62%;
  max-width:370px;
  min-width:0;
  height:54%;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}

.rl-signup-art.is-unavailable{
  display:none;
}

.rl-signup-hero-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 0 24px rgba(164,65,255,.3));
}

.rl-signup-hero-image[hidden]{
  display:none!important;
}

.rl-signup-form-panel{
  min-width:0;
  padding:42px clamp(30px,3vw,48px) 32px;
  background:
    radial-gradient(circle at 50% 14%,rgba(81,60,190,.1),transparent 28%),
    linear-gradient(155deg,#090e25 0%,#070c1d 100%);
}

.rl-signup-form-heading{
  min-width:0;
  margin-bottom:18px;
  text-align:center;
}

.rl-signup-form-heading h2{
  margin:0;
  color:#fff;
  font-size:30px;
  line-height:1.2;
  font-weight:950;
}

.rl-signup-form-heading p{
  margin:7px 0 0;
  color:var(--signup-muted);
  font-size:14px;
}

.rl-signup-form,
.rl-signup-form>*{
  max-width:100%;
  min-width:0;
}

.rl-signup-form .alert{
  margin-bottom:14px;
  border-radius:8px;
  overflow-wrap:anywhere;
}

.rl-signup-fields{
  min-width:0;
  display:grid;
  gap:13px;
}

.rl-signup-field{
  min-width:0;
  margin:0!important;
}

.rl-signup-field.is-hidden{
  display:none!important;
}

.rl-signup-field>label{
  max-width:100%;
  margin:0 0 7px!important;
  display:block;
  color:#eeeaf6!important;
  font-size:13px;
  line-height:1.4;
  font-weight:850;
  overflow-wrap:anywhere;
}

.rl-signup-control{
  position:relative;
  width:100%;
  min-width:0;
}

.rl-signup-shell .rl-signup-field :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.rl-signup-shell .rl-signup-field .form-control{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:46px;
  padding:9px 13px!important;
  border:1px solid rgba(175,168,205,.3)!important;
  border-radius:8px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#0a1025!important;
  box-shadow:none!important;
  font-size:14px;
}

.rl-signup-shell .rl-signup-field textarea{
  min-height:108px;
  resize:vertical;
}

.rl-signup-shell .rl-signup-field input[type="file"]{
  height:auto;
  overflow:hidden;
}

.rl-signup-shell .rl-signup-field :is(input,select,textarea):focus{
  border-color:var(--signup-pink)!important;
  box-shadow:0 0 0 3px rgba(255,54,174,.12)!important;
  outline:0;
}

.rl-signup-shell .rl-signup-field :is(input,select,textarea):disabled{
  opacity:.58;
  cursor:not-allowed;
}

.rl-signup-shell .rl-signup-field :is(input,select,textarea)[readonly]{
  color:#c5bfd1!important;
  -webkit-text-fill-color:#c5bfd1!important;
  background:#111527!important;
}

.rl-signup-shell .rl-signup-field :is(input,textarea)::placeholder{
  color:#797386!important;
  -webkit-text-fill-color:#797386!important;
}

.rl-signup-shell .rl-signup-field.has-error :is(input,select,textarea){
  border-color:rgba(255,87,116,.72)!important;
}

.rl-signup-shell .rl-signup-field .help-block,
.rl-signup-shell .rl-signup-field .text-danger{
  max-width:100%;
  margin-top:6px;
  color:#ff8ca2!important;
  font-size:11px;
  overflow-wrap:anywhere;
}

.rl-signup-field.is-checkable .rl-signup-control{
  min-height:38px;
  display:flex;
  align-items:center;
}

.rl-signup-field.is-checkable input[type="checkbox"],
.rl-signup-field.is-checkable input[type="radio"]{
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin:0;
  accent-color:var(--signup-pink);
}

.rl-signup-password-toggle{
  position:absolute;
  top:50%;
  right:8px;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c8c1d5;
  background:transparent;
  transform:translateY(-50%);
}

.rl-signup-password-toggle:hover,
.rl-signup-password-toggle:focus{
  color:#fff;
  background:rgba(139,61,255,.12);
  outline:0;
}

.rl-signup-field.is-password .form-control{
  padding-right:50px!important;
}

.rl-signup-captcha{
  max-width:100%;
  margin-top:14px;
  overflow-x:auto;
}

.rl-signup-captcha iframe,
.rl-signup-captcha>div{
  max-width:100%;
}

.rl-signup-agreement{
  margin:16px 0 14px!important;
}

.rl-signup-agreement .checkbox{
  margin:0;
}

.rl-signup-agreement label{
  max-width:100%;
  min-height:24px;
  padding-left:27px;
  color:#c8c2d1;
  font-size:12px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.rl-signup-agreement input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:1px 0 0 -27px;
  accent-color:var(--signup-pink);
}

.rl-signup-agreement a,
.rl-signup-signin a{
  color:#58b9ff!important;
  font-weight:850;
}

.rl-signup-actions{
  min-width:0;
  display:grid;
  gap:10px;
}

.rl-signup-submit{
  width:100%!important;
  min-width:0;
  min-height:50px;
  padding:9px 16px!important;
  border:0!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  background:linear-gradient(90deg,#752bff 0%,#d51ad7 52%,#ff2f8f 100%)!important;
  box-shadow:0 0 24px rgba(255,47,174,.25)!important;
  font-size:15px;
  font-weight:950;
  transition:box-shadow .18s ease,transform .18s ease,opacity .18s ease;
}

.rl-signup-submit:hover,
.rl-signup-submit:focus{
  color:#fff!important;
  box-shadow:0 0 32px rgba(255,47,174,.38)!important;
  transform:translateY(-1px);
  outline:0;
}

.rl-signup-submit.is-submitting{
  opacity:.7;
  cursor:wait;
  transform:none;
}

.rl-signup-google{
  max-width:100%;
  display:flex;
  justify-content:center;
  overflow:hidden;
}

.rl-signup-google .g_id_signin{
  max-width:100%;
}

.rl-signup-signin{
  margin:14px 0 0;
  color:#b4aebe;
  font-size:13px;
  line-height:1.5;
  text-align:center;
}

.rl-signup-shell input:-webkit-autofill,
.rl-signup-shell input:-webkit-autofill:hover,
.rl-signup-shell input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 0 0 1000px #0a1025 inset!important;
  transition:background-color 9999s ease-out 0s;
}

@media(min-width:901px) and (max-width:1100px){
  .rl-signup-art{
    right:12px;
    bottom:36px;
    width:48%;
    max-width:230px;
    height:48%;
  }
}

@media(max-width:900px){
  .rl-signup-card{
    max-width:680px;
    margin:0 auto;
    grid-template-columns:minmax(0,1fr);
  }

  .rl-signup-form-panel{
    order:1;
  }

  .rl-signup-intro{
    order:2;
    min-height:470px;
    padding:34px;
  }

  .rl-signup-intro h1{
    font-size:36px;
  }

  .rl-signup-benefits{
    width:240px;
  }

  .rl-signup-art{
    right:34px;
    bottom:30px;
    width:52%;
    max-width:340px;
    height:72%;
  }
}

@media(max-width:767px){
  .rl-signup-shell{
    min-height:calc(100vh - 96px);
    padding:12px 12px calc(28px + env(safe-area-inset-bottom));
  }

  .rl-signup-card{
    min-height:0;
    border-radius:12px;
  }

  .rl-signup-form-panel{
    padding:26px 18px 24px;
  }

  .rl-signup-form-heading h2{
    font-size:26px;
  }

  .rl-signup-form-heading p{
    font-size:12px;
  }

  .rl-signup-intro{
    min-height:0;
    padding:25px 18px;
  }

  .rl-signup-intro h1{
    font-size:30px;
  }

  .rl-signup-intro-copy>p:last-of-type{
    font-size:13px;
  }

  .rl-signup-benefits{
    width:100%;
    margin-top:20px;
    grid-template-columns:minmax(0,1fr);
  }

  .rl-signup-art{
    display:none;
  }

  .rl-signup-captcha{
    transform-origin:left top;
  }
}

@media(max-width:374px){
  .rl-signup-shell{
    padding-left:10px;
    padding-right:10px;
  }

  .rl-signup-form-panel{
    padding-left:14px;
    padding-right:14px;
  }

  .rl-signup-form-heading h2{
    font-size:23px;
  }

  .rl-signup-intro h1{
    font-size:27px;
  }
}

/* ===== CHILD PANEL ORDER ===== */
body:has(.rl-child-panel-shell) .navbar,
body.rl-child-panel-body .navbar{
  display:none!important;
}

.rl-child-panel-shell{
  --affiliate-bg:#05060d;
  --affiliate-panel:#0b0e1d;
  --affiliate-panel-soft:#101426;
  --affiliate-line:rgba(255,255,255,.1);
  --affiliate-muted:#aaa5b8;
  --affiliate-text:#f8f6ff;
  --affiliate-pink:#ff3fb4;
  --affiliate-purple:#8b3dff;
  --affiliate-cyan:#28c9e8;
  width:100%;
  min-width:0;
  min-height:100vh;
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  color:var(--affiliate-text);
  background:#05060d;
}

.rl-child-panel-shell,
.rl-child-panel-shell *{
  box-sizing:border-box;
  letter-spacing:0;
}

.rl-child-panel-shell a{
  color:inherit;
  text-decoration:none!important;
}

.rl-child-panel-main{
  width:100%;
  min-width:0;
  overflow:hidden;
}

.rl-child-panel-main > .rl-affiliates-topbar{
  margin:18px clamp(18px,2.2vw,36px) 0;
}

.child-panel-page{
  --child-bg:#05040b;
  --child-panel:#090b18;
  --child-panel-soft:#101326;
  --child-line:rgba(178,93,255,.32);
  --child-line-pink:rgba(255,47,174,.34);
  --child-text:#f8f5ff;
  --child-muted:#b8b0c6;
  --child-pink:#ff2deb;
  --child-purple:#7a38ff;
  --child-blue:#5bb9ff;
  width:100%;
  min-width:0;
  min-height:calc(100vh - 84px);
  padding:22px 16px 48px;
  color:var(--child-text);
  background:
    radial-gradient(circle at 80% 10%,rgba(255,45,235,.16),transparent 28%),
    radial-gradient(circle at 18% 30%,rgba(122,56,255,.14),transparent 34%),
    linear-gradient(135deg,#05040b 0%,#090016 48%,#160020 100%);
}

.child-panel-page,
.child-panel-page *{
  box-sizing:border-box;
  letter-spacing:0;
}

.child-panel-container{
  width:100%;
  max-width:1180px;
  min-width:0;
  margin:0 auto;
}

.child-panel-hero{
  position:relative;
  min-height:340px;
  padding:30px 24px 28px 34px;
  border:1px solid var(--child-line);
  border-radius:22px;
  display:grid;
  grid-template-columns:minmax(0,43%) minmax(0,57%);
  align-items:center;
  gap:18px;
  background:
    radial-gradient(circle at 72% 52%,rgba(214,54,255,.16) 0%,rgba(122,56,255,.08) 38%,rgba(15,23,42,0) 72%),
    linear-gradient(135deg,rgba(9,11,24,.94) 0%,rgba(20,5,38,.96) 54%,rgba(41,0,54,.9) 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 36px rgba(255,45,235,.1);
  overflow:hidden;
}

.child-panel-hero::before{
  content:"";
  position:absolute;
  inset:auto 3% -40% 46%;
  width:48%;
  height:86%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,54,255,.22) 0%,rgba(122,56,255,.12) 38%,rgba(15,23,42,0) 72%);
  pointer-events:none;
}

.child-panel-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
}

.child-panel-kicker{
  margin:0 0 10px!important;
  color:#ff69d7!important;
  font-size:14px;
  line-height:1.4;
  font-weight:950;
}

.child-panel-hero h1{
  max-width:470px;
  margin:0;
  color:#fff;
  font-size:44px;
  line-height:1.12;
  font-weight:950;
  text-shadow:0 0 28px rgba(255,45,235,.26);
}

.child-panel-lead{
  max-width:430px;
  margin:14px 0 0!important;
  color:#ddd7ea!important;
  font-size:16px;
  line-height:1.65;
  font-weight:750;
}

.child-panel-steps{
  width:100%;
  max-width:520px;
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.child-panel-steps span{
  min-width:0;
  min-height:48px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#f5f1ff;
  background:rgba(255,255,255,.055);
  font-size:12px;
  font-weight:900;
  overflow-wrap:anywhere;
}

.child-panel-steps b{
  width:27px;
  height:27px;
  border-radius:50%;
  flex:0 0 27px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,var(--child-purple),var(--child-pink));
  box-shadow:0 0 16px rgba(255,45,235,.34);
}

.child-panel-hero-art{
  position:relative;
  z-index:1;
  min-width:0;
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.child-panel-hero-art::before{
  content:"";
  position:absolute;
  inset:2% 0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,54,255,.22) 0%,rgba(122,56,255,.12) 38%,rgba(15,23,42,0) 72%);
  pointer-events:none;
}

.child-panel-hero-image{
  position:relative;
  z-index:1;
  width:100%;
  max-width:650px;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center right;
  filter:
    drop-shadow(0 0 7px rgba(255,45,235,.95))
    drop-shadow(0 0 16px rgba(168,50,255,.70))
    drop-shadow(0 0 30px rgba(70,110,255,.40));
  animation:childPanelFloat 8s ease-in-out infinite;
}

.child-panel-content-card,
.child-panel-card{
  border:1px solid var(--child-line);
  border-radius:12px;
  color:var(--child-text);
  background:linear-gradient(180deg,rgba(14,17,35,.96),rgba(8,10,22,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025);
}

.child-panel-content-card{
  margin-top:18px;
  padding:20px;
}

.child-panel-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns:minmax(0,67%) minmax(280px,33%);
  align-items:start;
  gap:18px;
}

.child-panel-card{
  min-width:0;
  padding:22px;
}

.child-panel-summary{
  position:sticky;
  top:104px;
}

.child-panel-card-heading{
  margin-bottom:18px;
}

.child-panel-card-heading span{
  display:block;
  color:#ff6fda;
  font-size:12px;
  font-weight:950;
}

.child-panel-card-heading h2{
  margin:4px 0 0;
  color:#fff;
  font-size:24px;
  line-height:1.25;
  font-weight:950;
}

.child-panel-field-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}

.child-panel-field,
.child-panel-field-full,
.child-panel-nameserver{
  min-width:0;
  margin:0!important;
}

.child-panel-field-full,
.child-panel-nameserver{
  grid-column:1/-1;
}

.child-panel-page label{
  margin:0 0 7px!important;
  display:block;
  color:#f0ebfb!important;
  font-size:13px;
  line-height:1.4;
  font-weight:850;
}

.child-panel-page .form-control{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:46px;
  padding:9px 13px!important;
  border:1px solid rgba(178,93,255,.36)!important;
  border-radius:8px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#0a0d1f!important;
  box-shadow:none!important;
  font-size:14px;
}

.child-panel-page select.form-control{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.child-panel-page .form-control:focus{
  border-color:rgba(255,45,235,.78)!important;
  box-shadow:0 0 0 3px rgba(255,45,235,.14),0 0 18px rgba(122,56,255,.18)!important;
  outline:0;
}

.child-panel-page .form-control[readonly]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#12162a!important;
}

.child-panel-nameserver{
  padding:16px;
  border:1px solid rgba(91,185,255,.28);
  border-radius:10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,.82fr);
  gap:14px;
  background:linear-gradient(135deg,rgba(7,16,35,.96),rgba(10,22,47,.86));
}

.child-panel-nameserver strong{
  display:block;
  color:#dff3ff;
  font-size:14px;
  font-weight:950;
}

.child-panel-nameserver p{
  margin:6px 0 0!important;
  color:#9ccae8!important;
  font-size:12px;
  line-height:1.55;
}

.child-panel-nameserver ul{
  min-width:0;
  margin:0!important;
  padding:0!important;
  display:grid;
  gap:8px;
  list-style:none;
}

.child-panel-nameserver li{
  min-width:0;
  min-height:36px;
  padding:6px 6px 6px 11px;
  border:1px solid rgba(91,185,255,.18);
  border-radius:8px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px;
  align-items:center;
  gap:8px;
  background:rgba(5,12,28,.72);
}

.child-panel-nameserver code{
  min-width:0;
  color:#92d8ff;
  background:transparent;
  font-size:12px;
  font-weight:900;
  overflow-wrap:anywhere;
}

.child-panel-copy-ns{
  width:32px;
  height:32px;
  padding:0;
  border:0;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#dff3ff;
  background:rgba(91,185,255,.12);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.child-panel-copy-ns:hover,
.child-panel-copy-ns:focus{
  color:#fff;
  background:rgba(255,45,235,.22);
  outline:0;
  transform:translateY(-1px);
}

.child-panel-feature-list{
  margin:0 0 20px!important;
  padding:0!important;
  display:grid;
  gap:10px;
  list-style:none;
}

.child-panel-feature-list li{
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#ede8f7;
  background:rgba(255,255,255,.045);
  font-size:13px;
  font-weight:850;
}

.child-panel-feature-list i{
  width:24px;
  height:24px;
  border-radius:50%;
  flex:0 0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#2e9fff,var(--child-purple));
  font-size:11px;
}

.child-panel-price{
  margin:0 0 16px;
  padding:15px;
  border:1px solid var(--child-line-pink);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(255,45,235,.09),rgba(122,56,255,.1));
}

.child-panel-price .form-control{
  height:auto!important;
  min-height:0;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:30px;
  line-height:1.2;
  font-weight:950;
}

.child-panel-price span{
  display:block;
  color:#b8b0c6;
  font-size:12px;
  font-weight:850;
}

.child-panel-submit{
  width:100%!important;
  min-height:50px;
  padding:10px 16px!important;
  border:0!important;
  border-radius:8px!important;
  color:#fff!important;
  background:linear-gradient(90deg,#792fff 0%,#d71ddc 52%,#ff2fae 100%)!important;
  box-shadow:0 0 24px rgba(255,47,174,.28)!important;
  font-size:15px;
  font-weight:950;
  transition:box-shadow .18s ease,transform .18s ease,opacity .18s ease;
}

.child-panel-submit:hover,
.child-panel-submit:focus{
  color:#fff!important;
  box-shadow:0 0 32px rgba(255,47,174,.42)!important;
  transform:translateY(-1px);
  outline:0;
}

.child-panel-submit:active{
  transform:translateY(0);
  opacity:.88;
}

.child-panel-submit-note{
  margin:10px 0 0!important;
  color:var(--child-muted)!important;
  font-size:12px;
  line-height:1.55;
  text-align:center;
}

.child-panel-alert{
  margin:18px 0 0!important;
  border-radius:8px!important;
  overflow-wrap:anywhere;
}

@keyframes childPanelFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@media(prefers-reduced-motion:reduce){
  .child-panel-hero-image{
    animation:none;
  }

  .child-panel-submit,
  .child-panel-copy-ns{
    transition:none;
  }
}

@media(max-width:991px){
  .child-panel-page{
    min-height:calc(100vh - 96px);
    padding:16px 12px 36px;
  }

  .child-panel-hero{
    min-height:0;
    padding:26px 20px 22px;
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }

  .child-panel-hero h1{
    max-width:640px;
    font-size:38px;
  }

  .child-panel-lead{
    max-width:600px;
  }

  .child-panel-hero-art{
    height:270px;
  }

  .child-panel-hero-image{
    object-position:center;
  }

  .child-panel-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .child-panel-summary{
    position:static;
  }
}

@media(max-width:767px){
  .rl-child-panel-shell{
    width:100%;
    max-width:100%;
    min-width:0;
    display:block;
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }

  .rl-child-panel-main{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .rl-child-panel-main > .rl-affiliates-topbar{
    margin:0;
  }

  .child-panel-hero{
    border-radius:16px;
    padding:22px 16px 16px;
  }

  .child-panel-hero h1{
    font-size:31px;
  }

  .child-panel-lead{
    font-size:14px;
  }

  .child-panel-steps{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }

  .child-panel-steps span{
    min-height:42px;
  }

  .child-panel-hero-art{
    height:220px;
  }

  .child-panel-card,
  .child-panel-content-card{
    padding:16px;
    border-radius:10px;
  }

  .child-panel-card-heading h2{
    font-size:21px;
  }

  .child-panel-field-stack,
  .child-panel-nameserver{
    grid-template-columns:minmax(0,1fr);
  }

  .child-panel-page .form-control{
    font-size:16px;
  }

  .child-panel-price .form-control{
    font-size:27px;
  }
}

@media(max-width:390px){
  .child-panel-page{
    padding-left:10px;
    padding-right:10px;
  }

  .child-panel-hero h1{
    font-size:28px;
  }

  .child-panel-hero-art{
    height:190px;
  }
}

/* ===== TICKETS NAVBAR FIX ===== */
body.rl-tickets-body .navbar,
body:has(.rl-tickets-page) .navbar{
  min-height:76px!important;
  background:rgba(7,2,20,.97)!important;
}

body.rl-tickets-body .navbar .container-fluid,
body:has(.rl-tickets-page) .navbar .container-fluid{
  width:calc(100% - 36px)!important;
  max-width:1680px!important;
  min-height:76px!important;
  padding:0!important;
  gap:18px!important;
  display:flex!important;
  align-items:center!important;
}

body.rl-tickets-body .rl-top-logo,
body:has(.rl-tickets-page) .rl-top-logo{
  display:none!important;
}

body.rl-tickets-body .navbar-header,
body:has(.rl-tickets-page) .navbar-header{
  width:190px!important;
  min-width:190px!important;
  height:76px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}

body.rl-tickets-body .navbar-brand.rl-logo,
body:has(.rl-tickets-page) .navbar-brand.rl-logo{
  width:180px!important;
  min-width:0!important;
  height:68px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:none!important;
  overflow:hidden!important;
  text-indent:0!important;
}

body.rl-tickets-body .navbar-brand.rl-logo img,
body.rl-tickets-body .navbar-brand.rl-logo .rl-logo-img,
body:has(.rl-tickets-page) .navbar-brand.rl-logo img,
body:has(.rl-tickets-page) .navbar-brand.rl-logo .rl-logo-img{
  position:static!important;
  width:176px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:64px!important;
  display:block!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

body.rl-tickets-body .navbar #navbar,
body:has(.rl-tickets-page) .navbar #navbar{
  min-width:0!important;
  padding:0!important;
  display:flex!important;
  flex:1 1 auto!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:4px!important;
}

body.rl-tickets-body .navbar-nav,
body:has(.rl-tickets-page) .navbar-nav{
  min-width:0!important;
  margin:0!important;
  gap:0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}

body.rl-tickets-body .navbar-left-block,
body:has(.rl-tickets-page) .navbar-left-block{
  flex:1 1 auto!important;
  justify-content:center!important;
}

body.rl-tickets-body .navbar-right-block,
body:has(.rl-tickets-page) .navbar-right-block{
  flex:0 0 auto!important;
}

body.rl-tickets-body .navbar-nav>li,
body:has(.rl-tickets-page) .navbar-nav>li{
  float:none!important;
}

body.rl-tickets-body .navbar-nav>li>a,
body:has(.rl-tickets-page) .navbar-nav>li>a{
  min-height:52px!important;
  padding:8px 9px!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  font-size:13px!important;
  line-height:1.2!important;
}

@media(min-width:768px) and (max-width:1320px){
  body.rl-tickets-body .navbar .container-fluid,
  body:has(.rl-tickets-page) .navbar .container-fluid{
    width:calc(100% - 20px)!important;
    gap:8px!important;
  }

  body.rl-tickets-body .navbar-header,
  body:has(.rl-tickets-page) .navbar-header{
    width:150px!important;
    min-width:150px!important;
  }

  body.rl-tickets-body .navbar-brand.rl-logo,
  body:has(.rl-tickets-page) .navbar-brand.rl-logo,
  body.rl-tickets-body .navbar-brand.rl-logo img,
  body:has(.rl-tickets-page) .navbar-brand.rl-logo img{
    width:145px!important;
  }

  body.rl-tickets-body .navbar-nav>li>a,
  body:has(.rl-tickets-page) .navbar-nav>li>a{
    padding-left:5px!important;
    padding-right:5px!important;
    font-size:11px!important;
  }
}

@media(max-width:767px){
  body.rl-tickets-body .navbar,
  body:has(.rl-tickets-page) .navbar{
    min-height:68px!important;
  }

  body.rl-tickets-body .navbar .container-fluid,
  body:has(.rl-tickets-page) .navbar .container-fluid{
    width:100%!important;
    min-height:68px!important;
    padding:0 64px 0 14px!important;
    display:flex!important;
  }

  body.rl-tickets-body .navbar #navbar,
  body:has(.rl-tickets-page) .navbar #navbar{
    display:none!important;
  }

  body.rl-tickets-body .navbar-header,
  body:has(.rl-tickets-page) .navbar-header{
    width:170px!important;
    min-width:0!important;
    height:68px!important;
  }

  body.rl-tickets-body .navbar-brand.rl-logo,
  body:has(.rl-tickets-page) .navbar-brand.rl-logo{
    width:164px!important;
    height:62px!important;
    margin:0!important;
  }

  body.rl-tickets-body .navbar-brand.rl-logo img,
  body:has(.rl-tickets-page) .navbar-brand.rl-logo img{
    width:158px!important;
    max-height:58px!important;
  }
}

/* Tickets use the same application shell as Child Panel. */
body.rl-tickets-body .navbar,
body:has(.rl-tickets-shell) .navbar{
  display:none!important;
}

body.rl-tickets-body{
  overflow-x:hidden!important;
  background:#05060d!important;
}

.rl-tickets-shell .rl-child-panel-main > .rl-affiliates-topbar{
  margin:18px clamp(18px,2.2vw,36px) 0;
}

.rl-tickets-shell .rl-tickets-hero{
  min-height:290px;
}

.rl-tickets-shell .rl-tickets-hero-image{
  width:68%;
  object-fit:contain;
  object-position:right center;
}

@media(max-width:767px){
  .rl-tickets-shell{
    display:block;
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }

  .rl-tickets-shell .rl-child-panel-main > .rl-affiliates-topbar{
    margin:0;
  }

  .rl-tickets-shell .rl-tickets-hero{
    min-height:420px;
  }

  .rl-tickets-shell .rl-tickets-hero-image{
    width:100%;
    height:56%;
    object-fit:contain;
    object-position:right bottom;
  }
}

/* Shared application-shell logo.
   Rendering it on the brand container keeps every shell consistent and also
   prevents a failed template image from exposing broken-image text. */
:is(
  .rl-order-brand,
  .rl-order-mobile-brand,
  .rl-orders-brand,
  .rl-orders-mobile-brand,
  .rl-services-brand,
  .rl-services-mobile-brand,
  .rl-addfunds-brand,
  .rl-addfunds-mobile-brand,
  .rl-refunds-brand,
  .rl-refunds-mobile-brand,
  .rl-api-brand,
  .rl-api-mobile-brand,
  .rl-affiliates-brand,
  .rl-affiliates-mobile-brand,
  .rl-mobile-account-logo
){
  background-image:url("https://storage.perfectcdn.com/j7orgy/632fkp535eoayt0m.png?v=1002")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:auto 107px!important;
  overflow:hidden!important;
}

:is(
  .rl-order-brand,
  .rl-order-mobile-brand,
  .rl-orders-brand,
  .rl-orders-mobile-brand,
  .rl-services-brand,
  .rl-services-mobile-brand,
  .rl-addfunds-brand,
  .rl-addfunds-mobile-brand,
  .rl-refunds-brand,
  .rl-refunds-mobile-brand,
  .rl-api-brand,
  .rl-api-mobile-brand,
  .rl-affiliates-brand,
  .rl-affiliates-mobile-brand,
  .rl-mobile-account-logo
) img{
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
}

@media(max-width:820px){
  :is(
    .rl-order-mobile-brand,
    .rl-orders-mobile-brand,
    .rl-services-mobile-brand,
    .rl-addfunds-mobile-brand,
    .rl-refunds-mobile-brand,
    .rl-api-mobile-brand,
    .rl-affiliates-mobile-brand,
    .rl-mobile-account-logo
  ){
    background-size:auto 80px!important;
  }
}

/* Public navbar logo fallback. The source artwork has transparent padding, so
   it is rendered oversized inside a clipped slot for a consistent visible mark. */
.navbar-brand.rl-logo,
.rl-top-logo{
  background-image:url("https://storage.perfectcdn.com/j7orgy/632fkp535eoayt0m.png?v=1002")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:auto 137px!important;
  overflow:hidden!important;
}

.navbar-brand.rl-logo{
  width:260px!important;
  min-width:260px!important;
  height:74px!important;
  min-height:74px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  text-indent:-9999px!important;
  transform:none!important;
}

.navbar-brand.rl-logo img,
.rl-top-logo img{
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
}

@media(max-width:768px){
  .navbar-brand.rl-logo{
    width:190px!important;
    min-width:190px!important;
    height:55px!important;
    min-height:55px!important;
    margin:0 auto!important;
    background-size:auto 102px!important;
  }

  .rl-top-logo{
    background-size:auto 85px!important;
  }
}

/* ===== PUBLIC BLOG ===== */
.rl-blog-page,
.rl-blogpost-page{
  --blog-panel:#0b0e1d;
  --blog-line:rgba(255,255,255,.1);
  --blog-muted:#aaa5b8;
  --blog-pink:#ff3fb4;
  --blog-purple:#8b3dff;
  width:100%;
  min-width:0;
  min-height:calc(100vh - 84px);
  padding:26px 18px 64px;
  color:#f8f6ff;
  background:
    linear-gradient(118deg,rgba(139,61,255,.07),transparent 34%),
    linear-gradient(180deg,#080817 0%,#05060d 58%,#03040a 100%);
}

.rl-blog-page *,
.rl-blogpost-page *{
  box-sizing:border-box;
  letter-spacing:0;
}

.rl-blog-page a,
.rl-blogpost-page a{
  text-decoration:none!important;
}

.rl-blog-container,
.rl-blogpost-article{
  width:100%;
  max-width:1180px;
  min-width:0;
  margin:0 auto;
}

.rl-blog-header{
  min-height:152px;
  padding:28px 30px;
  border:1px solid rgba(255,63,180,.28);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  background:
    linear-gradient(110deg,rgba(255,63,180,.14),transparent 48%),
    linear-gradient(135deg,#0b0c1d 0%,#170921 65%,#0a1020 100%);
  box-shadow:0 14px 38px rgba(0,0,0,.2);
}

.rl-blog-badge{
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(255,63,180,.42);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#ff83d5;
  background:rgba(255,63,180,.09);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

.rl-blog-header h1,
.rl-blogpost-header h1{
  margin:10px 0 0!important;
  color:#fff!important;
  font-weight:950;
  overflow-wrap:anywhere;
}

.rl-blog-header h1{
  font-size:36px;
  line-height:1.18;
}

.rl-blog-header>p{
  margin:7px 0 0;
  color:#c9c2d4;
  font-size:14px;
  line-height:1.55;
}

.rl-blog-intro{
  margin-top:14px;
  padding:16px 4px;
  color:#d5cfdd;
  line-height:1.7;
  overflow-wrap:anywhere;
}

.rl-blog-intro>*:first-child{
  margin-top:0;
}

.rl-blog-intro>*:last-child{
  margin-bottom:0;
}

.rl-blog-grid{
  width:100%;
  min-width:0;
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:14px;
}

.rl-blog-card{
  min-width:0;
  height:100%;
  border:1px solid rgba(139,61,255,.32);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  background:
    linear-gradient(145deg,rgba(255,63,180,.055),transparent 45%),
    rgba(10,12,26,.97);
  box-shadow:0 12px 32px rgba(0,0,0,.2);
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.rl-blog-card:hover{
  border-color:rgba(255,63,180,.6);
  box-shadow:0 16px 38px rgba(0,0,0,.3),0 0 20px rgba(255,63,180,.09);
  transform:translateY(-2px);
}

.rl-blog-card-media{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  display:block;
  background:#111425;
  overflow:hidden;
}

.rl-blog-card-media>img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.rl-blog-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#d4b7ff;
  background:
    linear-gradient(135deg,rgba(139,61,255,.2),rgba(255,63,180,.12)),
    #0e1121;
}

.rl-blog-placeholder i{
  font-size:30px;
}

.rl-blog-placeholder span{
  color:#a9a3b5;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

.rl-blog-card-body{
  min-width:0;
  flex:1;
  padding:16px;
  display:flex;
  flex-direction:column;
}

.rl-blog-card-body h2{
  min-height:2.8em;
  max-height:2.8em;
  margin:0!important;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#fff!important;
  font-size:17px;
  line-height:1.4;
  font-weight:900;
  overflow-wrap:anywhere;
}

.rl-blog-card-body h2 a{
  color:inherit!important;
}

.rl-blog-excerpt{
  max-height:4.8em;
  margin-top:10px;
  color:#aaa5b8;
  font-size:12px;
  line-height:1.6;
  overflow:hidden;
  overflow-wrap:anywhere;
}

.rl-blog-excerpt>*{
  margin-top:0;
  margin-bottom:6px;
}

.rl-blog-excerpt :is(img,iframe,video,table,h1,h2,h3,h4,h5,h6){
  display:none!important;
}

.rl-blog-read-more,
.rl-blogpost-back{
  min-height:38px;
  padding:0 12px;
  border:1px solid rgba(255,63,180,.45);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#ff83d5!important;
  background:rgba(255,63,180,.08);
  font-size:12px;
  font-weight:900;
}

.rl-blog-read-more{
  align-self:flex-start;
  margin-top:auto;
}

.rl-blog-read-more:hover,
.rl-blog-read-more:focus,
.rl-blogpost-back:hover,
.rl-blogpost-back:focus{
  border-color:rgba(255,63,180,.74);
  color:#fff!important;
  background:rgba(255,63,180,.15);
  outline:0;
}

.rl-blog-pagination-wrap{
  max-width:100%;
  margin-top:22px;
  overflow-x:auto;
}

.rl-blog-pagination{
  width:max-content;
  margin:0 auto!important;
  display:flex;
  align-items:center;
  gap:5px;
}

.rl-blog-pagination>li>a,
.rl-blog-pagination>li>span{
  min-width:36px;
  height:36px;
  padding:0 10px;
  border:1px solid var(--blog-line)!important;
  border-radius:7px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c7c1d0!important;
  background:#0e1020!important;
}

.rl-blog-pagination>li.active>a,
.rl-blog-pagination>li>a:hover{
  border-color:rgba(255,63,180,.58)!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7132df,#c725a3)!important;
}

.rl-blog-empty{
  min-height:250px;
  margin-top:16px;
  border:1px dashed rgba(139,61,255,.38);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#817a8d;
  text-align:center;
}

.rl-blog-empty i{
  margin-bottom:10px;
  color:#8e74d8;
  font-size:30px;
}

.rl-blog-empty h2{
  margin:0!important;
  color:#e9e4ef!important;
  font-size:18px;
}

.rl-blog-empty p{
  margin:6px 0 0;
  font-size:12px;
}

.rl-blogpost-article{
  max-width:900px;
}

.rl-blogpost-back{
  width:max-content;
  margin-bottom:14px;
}

.rl-blogpost-header{
  padding:24px 26px;
  border:1px solid rgba(255,63,180,.28);
  border-radius:8px 8px 0 0;
  background:
    linear-gradient(110deg,rgba(255,63,180,.13),transparent 48%),
    #0b0e1d;
}

.rl-blogpost-header h1{
  font-size:34px;
  line-height:1.25;
}

.rl-blogpost-cover{
  width:100%;
  margin:0;
  aspect-ratio:16/9;
  border-right:1px solid var(--blog-line);
  border-left:1px solid var(--blog-line);
  background:#0e1121;
  overflow:hidden;
}

.rl-blogpost-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.rl-blogpost-content{
  min-width:0;
  padding:28px clamp(20px,4vw,46px);
  border:1px solid var(--blog-line);
  border-top:0;
  border-radius:0 0 8px 8px;
  color:#d7d1df;
  background:rgba(10,12,26,.97);
  font-size:15px;
  line-height:1.8;
  overflow-wrap:anywhere;
}

.rl-blogpost-header+.rl-blogpost-content{
  border-top:1px solid var(--blog-line);
}

.rl-blogpost-content>*:first-child{
  margin-top:0!important;
}

.rl-blogpost-content>*:last-child{
  margin-bottom:0!important;
}

.rl-blogpost-content :is(h2,h3,h4,h5,h6){
  margin:1.7em 0 .65em!important;
  color:#fff!important;
  line-height:1.35;
  font-weight:900;
}

.rl-blogpost-content h2{font-size:24px}
.rl-blogpost-content h3{font-size:20px}
.rl-blogpost-content h4{font-size:17px}

.rl-blogpost-content :is(ul,ol){
  padding-left:24px;
}

.rl-blogpost-content li+li{
  margin-top:6px;
}

.rl-blogpost-content img,
.rl-blogpost-content video,
.rl-blogpost-content iframe{
  max-width:100%!important;
  height:auto;
  border-radius:7px;
}

.rl-blogpost-content table{
  width:100%;
  max-width:100%;
  margin:18px 0;
  border-collapse:collapse;
  display:block;
  overflow-x:auto;
}

.rl-blogpost-content :is(th,td){
  min-width:130px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  text-align:left;
}

.rl-blogpost-content th{
  color:#fff;
  background:rgba(139,61,255,.18);
}

.rl-blogpost-content a{
  color:#ff72ca!important;
}

.rl-blogpost-content blockquote{
  margin:20px 0;
  padding:12px 16px;
  border-left:3px solid var(--blog-pink);
  color:#d8cee2;
  background:rgba(255,63,180,.06);
}

.rl-blogpost-footer{
  margin-top:14px;
}

.rl-blogpost-footer .rl-blogpost-back{
  margin-bottom:0;
}

@media(max-width:980px){
  .rl-blog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:767px){
  .rl-blog-page,
  .rl-blogpost-page{
    min-height:calc(100vh - 96px);
    padding:14px 12px 40px;
  }

  .rl-blog-header{
    min-height:132px;
    padding:22px 18px;
  }

  .rl-blog-header h1{
    font-size:29px;
  }

  .rl-blog-grid{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }

  .rl-blog-card-body{
    padding:14px;
  }

  .rl-blogpost-header{
    padding:20px 18px;
  }

  .rl-blogpost-header h1{
    font-size:27px;
  }

  .rl-blogpost-content{
    padding:22px 18px;
    font-size:14px;
    line-height:1.75;
  }

  .rl-blogpost-content h2{font-size:21px}
  .rl-blogpost-content h3{font-size:18px}
}

@media(max-width:390px){
  .rl-blog-page,
  .rl-blogpost-page{
    padding-right:10px;
    padding-left:10px;
  }

  .rl-blog-header h1{
    font-size:26px;
  }

  .rl-blogpost-header h1{
    font-size:24px;
  }
}

/* ===== PUBLIC HOME CONTENT ===== */
html:has(.rl-page){
  scroll-behavior:smooth;
}

.rl-page{
  --home-bg:#07000f;
  --home-panel:#11051d;
  --home-panel-strong:#0c0b1b;
  --home-line:rgba(255,255,255,.11);
  --home-pink:#ff3fb4;
  --home-purple:#8b3dff;
  --home-cyan:#43c8ec;
  --home-green:#5dd6a1;
  --home-text:#f8f5ff;
  --home-muted:#c2b9ce;
  color:var(--home-text);
}

.rl-page,
.rl-page *{
  box-sizing:border-box;
  letter-spacing:0;
}

.rl-page a{
  text-decoration:none!important;
}

.rl-home-main{
  width:100%;
  min-width:0;
  overflow:hidden;
  background:#07000f;
}

.rl-home-section{
  position:relative;
  width:100%;
  min-width:0;
  padding:82px 0;
}

.rl-home-section-heading{
  width:min(100%,780px);
  min-width:0;
  margin:0 auto 34px;
  text-align:center;
}

.rl-home-section-heading.is-left{
  width:100%;
  margin:0;
  text-align:left;
}

.rl-home-eyebrow{
  display:block;
  margin-bottom:9px;
  color:#ff65c7;
  font-size:11px;
  line-height:1.4;
  font-weight:900;
  text-transform:uppercase;
}

.rl-home-section-heading h2,
.rl-home-seo-copy h2,
.rl-home-cta h2{
  margin:0;
  color:#fff;
  font-size:36px;
  line-height:1.24;
  font-weight:950;
  overflow-wrap:anywhere;
}

.rl-home-section-heading>p,
.rl-home-cta p{
  margin:10px 0 0;
  color:var(--home-muted);
  font-size:16px;
  line-height:1.7;
}

.rl-home-platforms{
  padding-top:74px;
  padding-bottom:52px;
  background:
    radial-gradient(ellipse at 50% 68%,rgba(139,61,255,.18),transparent 48%),
    linear-gradient(180deg,#090011 0%,#0b0618 100%);
}

.rl-home-platform-art{
  position:relative;
  width:100%;
  min-width:0;
  min-height:1px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.rl-home-platform-art::before{
  content:"";
  position:absolute;
  inset:22% 8% 8%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,63,180,.2),rgba(67,200,236,.07) 48%,transparent 72%);
  filter:blur(30px);
  pointer-events:none;
}

.rl-home-platform-art img{
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.3));
}

.rl-home-process{
  border-top:1px solid rgba(255,63,180,.13);
  border-bottom:1px solid rgba(67,200,236,.12);
  background:
    linear-gradient(110deg,rgba(67,200,236,.045),transparent 34%),
    linear-gradient(180deg,#090b18 0%,#0b0718 100%);
}

.rl-home-steps{
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:54px;
  list-style:none;
  counter-reset:none;
}

.rl-home-steps li{
  position:relative;
  min-width:0;
  min-height:168px;
  padding:24px 18px 20px;
  border-top:1px solid rgba(255,63,180,.5);
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  align-content:center;
  align-items:center;
  gap:12px 16px;
  background:linear-gradient(180deg,rgba(255,63,180,.045),transparent 72%);
}

.rl-home-steps li:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  left:calc(100% + 8px);
  width:38px;
  border-top:2px solid rgba(255,74,188,.72);
  box-shadow:0 0 10px rgba(255,63,180,.5);
}

.rl-home-step-number{
  position:absolute;
  top:11px;
  right:12px;
  color:rgba(255,255,255,.25);
  font-size:24px;
  font-weight:950;
}

.rl-home-step-icon{
  width:56px;
  height:56px;
  border:1px solid rgba(255,91,196,.5);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#6733d2,#d62d9f);
  box-shadow:0 0 20px rgba(194,47,186,.22);
  font-size:21px;
}

.rl-home-steps li:nth-child(2) .rl-home-step-icon{
  border-color:rgba(67,200,236,.48);
  background:linear-gradient(135deg,#2457aa,#7c3fe5);
}

.rl-home-steps li:nth-child(3) .rl-home-step-icon{
  border-color:rgba(93,214,161,.42);
  background:linear-gradient(135deg,#327b79,#8b3dff);
}

.rl-home-steps h3,
.rl-home-steps p{
  margin:0;
  overflow-wrap:anywhere;
}

.rl-home-steps h3{
  color:#fff;
  font-size:18px;
  line-height:1.35;
  font-weight:950;
}

.rl-home-steps p{
  margin-top:5px;
  color:#bdb5c8;
  font-size:13px;
  line-height:1.55;
}

.rl-home-goals{
  background:
    radial-gradient(circle at 12% 50%,rgba(255,63,180,.09),transparent 28%),
    #07000f;
}

.rl-home-goal-grid{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.rl-home-goal-card{
  min-width:0;
  min-height:270px;
  padding:24px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  background:
    linear-gradient(145deg,rgba(255,63,180,.07),transparent 45%),
    rgba(16,8,28,.92);
  box-shadow:0 16px 38px rgba(0,0,0,.2);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.rl-home-goal-card:hover{
  border-color:rgba(255,76,188,.5);
  transform:translateY(-3px);
  box-shadow:0 20px 44px rgba(0,0,0,.27),0 0 22px rgba(255,63,180,.08);
}

.rl-home-goal-icon{
  width:52px;
  height:52px;
  margin-bottom:19px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:21px;
}

.rl-home-goal-icon.is-pink{background:#d72b97}
.rl-home-goal-icon.is-purple{background:#6f3bd6}
.rl-home-goal-icon.is-cyan{background:#168aab}

.rl-home-goal-card h3{
  margin:0;
  color:#fff;
  font-size:19px;
  line-height:1.4;
  font-weight:950;
}

.rl-home-goal-card p{
  margin:8px 0 22px;
  color:#c2b9cc;
  font-size:14px;
  line-height:1.65;
}

.rl-home-goal-card>a{
  min-height:40px;
  margin-top:auto;
  padding:0 14px;
  border:1px solid rgba(255,63,180,.42);
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#ff84d3!important;
  background:rgba(255,63,180,.075);
  font-size:13px;
  font-weight:900;
}

.rl-home-goal-card>a:hover,
.rl-home-goal-card>a:focus{
  border-color:#ff67c9;
  color:#fff!important;
  background:rgba(255,63,180,.15);
  outline:0;
}

.rl-home-seo{
  border-top:1px solid rgba(139,61,255,.15);
  border-bottom:1px solid rgba(255,63,180,.13);
  background:
    radial-gradient(circle at 78% 45%,rgba(67,200,236,.1),transparent 30%),
    linear-gradient(120deg,#090b1a 0%,#11061e 100%);
}

.rl-home-seo-grid{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,.86fr);
  align-items:center;
  gap:42px;
}

.rl-home-seo-copy,
.rl-home-seo-art{
  min-width:0;
}

.rl-home-seo-copy p{
  margin:14px 0 0;
  color:#c7bfD1;
  font-size:15px;
  line-height:1.8;
}

.rl-home-seo-links{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.rl-home-seo-links a{
  min-height:36px;
  padding:7px 11px;
  border-bottom:1px solid rgba(67,200,236,.45);
  display:inline-flex;
  align-items:center;
  color:#7cddf5!important;
  font-size:12px;
  font-weight:850;
}

.rl-home-seo-links a:hover,
.rl-home-seo-links a:focus{
  border-color:#ff65c7;
  color:#fff!important;
  outline:0;
}

.rl-home-seo-art{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.rl-home-seo-art::before{
  content:"";
  position:absolute;
  inset:20%;
  border-radius:50%;
  background:rgba(139,61,255,.15);
  filter:blur(42px);
  pointer-events:none;
}

.rl-home-seo-art img{
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.28));
}

.rl-home-faq{
  background:#07000f;
}

.rl-home-faq-layout{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);
  align-items:start;
  gap:58px;
}

.rl-home-faq-list{
  min-width:0;
  display:grid;
  gap:9px;
}

.rl-home-faq-list details{
  min-width:0;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(15,9,27,.88);
  overflow:hidden;
}

.rl-home-faq-list details[open]{
  border-color:rgba(255,63,180,.36);
  background:rgba(20,9,34,.94);
}

.rl-home-faq-list summary{
  min-width:0;
  min-height:58px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  align-items:center;
  gap:12px;
  color:#fff;
  font-size:15px;
  line-height:1.45;
  font-weight:900;
  cursor:pointer;
  list-style:none;
}

.rl-home-faq-list summary::-webkit-details-marker{
  display:none;
}

.rl-home-faq-list summary i{
  width:28px;
  height:28px;
  border:1px solid rgba(139,61,255,.46);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d8c0ff;
  background:rgba(139,61,255,.1);
  font-size:11px;
  transition:transform .18s ease;
}

.rl-home-faq-list details[open] summary i{
  transform:rotate(45deg);
}

.rl-home-faq-list details p{
  margin:0;
  padding:0 56px 17px 16px;
  color:#bdb5c8;
  font-size:13px;
  line-height:1.7;
}

.rl-home-faq-list summary:focus-visible{
  outline:2px solid #ff5fc4;
  outline-offset:-3px;
}

.rl-home-cta{
  position:relative;
  width:100%;
  min-width:0;
  padding:48px 0;
  border-top:1px solid rgba(255,74,188,.28);
  border-bottom:1px solid rgba(139,61,255,.28);
  background:
    linear-gradient(100deg,rgba(106,43,225,.34),rgba(216,35,160,.22) 62%,rgba(22,138,171,.16)),
    #10051d;
  overflow:hidden;
}

.rl-home-cta-inner{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}

.rl-home-cta-inner>div:first-child{
  min-width:0;
}

.rl-home-cta-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
}

.rl-home-cta-button{
  position:relative;
  min-width:180px;
  min-height:50px;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff!important;
  font-size:14px;
  font-weight:950;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.rl-home-cta-button.is-primary{
  background:linear-gradient(100deg,#ff249f,#ff4bc5);
  box-shadow:0 10px 26px rgba(255,36,159,.27);
}

.rl-home-cta-button.is-secondary{
  border-color:rgba(255,96,200,.48);
  background:linear-gradient(110deg,#392080,#7540dc);
  box-shadow:0 10px 24px rgba(92,47,190,.25),0 0 18px rgba(255,63,180,.11);
}

.rl-home-cta-button.is-secondary::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:46%;
  background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);
  pointer-events:none;
}

.rl-home-cta-button:hover,
.rl-home-cta-button:focus{
  border-color:#ff8bd7;
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(139,61,255,.3),0 0 22px rgba(255,63,180,.19);
  outline:0;
}

#login-section{
  scroll-margin-top:112px;
}

#login-section:focus{
  outline:2px solid rgba(255,87,195,.72);
  outline-offset:4px;
}

.rl-home-footer{
  width:100%;
  min-width:0;
  padding:38px 0 22px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#bcb4c7;
  background:#05030c;
}

.rl-home-footer-grid{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);
  align-items:start;
  gap:54px;
}

.rl-home-footer-brand{
  min-width:0;
}

.rl-home-footer-brand>a{
  width:190px;
  height:54px;
  display:flex;
  align-items:center;
}

.rl-home-footer-brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:left center;
}

.rl-home-footer-brand p{
  max-width:390px;
  margin:12px 0 0;
  color:#9f97a9;
  font-size:12px;
  line-height:1.65;
}

.rl-home-footer-links{
  min-width:0;
  padding-top:10px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px 20px;
}

.rl-home-footer-links a{
  min-width:0;
  color:#c9c1d2!important;
  font-size:12px;
  line-height:1.5;
  font-weight:800;
  overflow-wrap:anywhere;
}

.rl-home-footer-links a:hover,
.rl-home-footer-links a:focus{
  color:#ff69c8!important;
  outline:0;
}

.rl-home-footer-bottom{
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#756e7e;
  font-size:11px;
}

@media(max-width:1024px){
  .rl-home-section{
    padding:68px 0;
  }

  .rl-home-section-heading h2,
  .rl-home-seo-copy h2,
  .rl-home-cta h2{
    font-size:32px;
  }

  .rl-home-steps{
    gap:34px;
  }

  .rl-home-steps li:not(:last-child)::after{
    left:calc(100% + 5px);
    width:24px;
  }

  .rl-home-seo-grid{
    grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);
    gap:28px;
  }

  .rl-home-cta-inner{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:900px){
  .rl-home-steps{
    width:min(100%,620px);
    margin:0 auto;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }

  .rl-home-steps li{
    min-height:112px;
    padding:18px 64px 18px 18px;
  }

  .rl-home-steps li:not(:last-child)::after{
    top:100%;
    left:45px;
    width:2px;
    height:12px;
    border-top:0;
    background:rgba(255,74,188,.72);
  }

  .rl-home-goal-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-home-goal-card{
    min-height:0;
  }

  .rl-home-seo-grid,
  .rl-home-faq-layout{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-home-seo-art{
    width:min(100%,620px);
    margin:8px auto 0;
  }

  .rl-home-faq-layout{
    gap:28px;
  }

  .rl-home-footer-grid{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
}

@media(max-width:767px){
  html:has(.rl-page){
    scroll-padding-top:12px;
  }

  .rl-home-section{
    padding:52px 0;
  }

  .rl-home-platforms{
    padding-top:48px;
    padding-bottom:32px;
  }

  .rl-home-section-heading{
    margin-bottom:24px;
  }

  .rl-home-section-heading h2,
  .rl-home-seo-copy h2,
  .rl-home-cta h2{
    font-size:27px;
  }

  .rl-home-section-heading>p,
  .rl-home-cta p{
    font-size:14px;
    line-height:1.6;
  }

  .rl-home-platform-art{
    width:100%;
  }

  .rl-home-platform-art::before,
  .rl-home-seo-art::before{
    filter:blur(20px);
    opacity:.7;
  }

  .rl-home-platform-art img{
    width:100%;
    max-width:100%;
  }

  .rl-home-goal-card{
    padding:20px;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
  }

  .rl-home-goal-card:hover{
    transform:none;
  }

  .rl-home-seo-copy p{
    font-size:14px;
    line-height:1.72;
  }

  .rl-home-seo-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rl-home-seo-links a{
    padding-left:4px;
    padding-right:4px;
  }

  .rl-home-faq-list summary{
    min-height:56px;
    padding:13px;
    font-size:14px;
  }

  .rl-home-faq-list details p{
    padding:0 48px 15px 13px;
  }

  .rl-home-cta{
    padding:40px 0;
  }

  .rl-home-cta-inner{
    gap:24px;
  }

  .rl-home-cta-actions{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }

  .rl-home-cta-button{
    width:100%;
    min-width:0;
  }

  .rl-home-footer{
    padding-top:30px;
  }

  .rl-home-footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #login-section{
    scroll-margin-top:14px;
  }
}

@media(max-width:390px){
  .rl-home-section{
    padding:44px 0;
  }

  .rl-home-section-heading h2,
  .rl-home-seo-copy h2,
  .rl-home-cta h2{
    font-size:24px;
  }

  .rl-home-steps li{
    grid-template-columns:48px minmax(0,1fr);
    padding-left:14px;
    padding-right:48px;
    gap:12px;
  }

  .rl-home-step-icon{
    width:48px;
    height:48px;
    font-size:18px;
  }

  .rl-home-step-number{
    right:9px;
    font-size:19px;
  }

  .rl-home-steps li:not(:last-child)::after{
    left:38px;
  }

  .rl-home-seo-links{
    grid-template-columns:minmax(0,1fr);
  }

  .rl-home-footer-links{
    column-gap:12px;
  }
}

@media(max-width:430px){
  .rl-page .rl-title{
    font-size:34px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html:has(.rl-page){
    scroll-behavior:auto;
  }

  .rl-home-goal-card,
  .rl-home-cta-button,
  .rl-home-faq-list summary i{
    transition:none;
  }

  .rl-home-goal-card:hover,
  .rl-home-cta-button:hover,
  .rl-home-cta-button:focus{
    transform:none;
  }
}