/* RocketRiches theme CSS (lightweight, no frameworks) */

:root{
	--bg: #071a2a;
	--bg2:#061321;
	--card:#0c2437;
	--card2:#0a1e30;
	--text:#eaf2ff;
	--muted:rgba(234,242,255,.72);
	--line:rgba(234,242,255,.10);
  
	--primary:#ff3bbf;
	--primary2:#ff66d1;
	--green:#20d07a;
  
	--shadow: 0 10px 40px rgba(0,0,0,.45);
	--radius: 14px;
	--radius2: 18px;
  
	--container: 1120px;
	--pad: 20px;
  }
  
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{
	margin:0;
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	background: radial-gradient(1200px 900px at 50% 0%, #0b2a45 0%, var(--bg) 55%, var(--bg2) 100%);
	color:var(--text);
	line-height:1.55;
	text-rendering:optimizeLegibility;
  }
  
  img{ max-width:100%; height:auto; display:block; }
  a {
	  color: #00bf70;
	  text-decoration: none;
  }
  a:focus-visible, button:focus-visible{ outline:2px solid rgba(255,255,255,.55); outline-offset:2px; }
  button{ font:inherit; }
  
  .container{
	max-width: var(--container);
	margin:0 auto;
	padding:0 var(--pad);
  }
  
  .screen-reader-text{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
  }
  
  .skip-link{
	position:absolute;
	left:-9999px;
	top:12px;
	background:#fff;
	color:#000;
	padding:10px 12px;
	border-radius:10px;
	z-index:9999;
  }
  .skip-link:focus{ left:12px; }
  
  .btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:10px 16px;
	border-radius:999px;
	border:1px solid transparent;
	font-weight:700;
	letter-spacing:.2px;
	cursor:pointer;
	user-select:none;
	transition: transform .12s ease, background-color .12s ease, border-color .12s ease, opacity .12s ease;
  }
  .btn:active{ transform: translateY(1px); }
  .btn--block{ width:100%; }
  
  .btn--primary{
	background: linear-gradient(180deg, var(--primary2), var(--primary));
	color:#140312;
	box-shadow: 0 8px 20px rgba(255,59,191,.22);
  }
  .btn--primary:hover{ opacity:.95; }
  
  .btn--ghost{
	background: rgba(255,255,255,.06);
	border-color: rgba(255,255,255,.14);
	color: var(--text);
  }
  .btn--ghost:hover{ background: rgba(255,255,255,.09); }
  
  .btn--green{
	background: linear-gradient(180deg, #2ff08b, var(--green));
	color:#032012;
	border:0;
  }
  .btn--pill{ padding:12px 20px; }
  .btn--lg{ padding:14px 18px; border-radius:14px; }
  
  .topbar{
	background: rgba(255,255,255,.05);
	border-bottom:1px solid var(--line);
  }
  .topbar__inner{
	padding:10px var(--pad);
  }
  .topbar__text{
	color:var(--muted);
	font-size:14px;
  }
  
  .site-header{
	position:sticky;
	top:0;
	z-index: 50;
	background: rgba(7,26,42,.72);
	backdrop-filter: blur(10px);
	border-bottom:1px solid var(--line);
  }
  .site-header__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:72px;
	gap:14px;
  }
  
  .site-logo{ display:flex; align-items:center; gap:10px; }
  .site-logo__img{ height:34px; width:auto; }

@media (max-width: 768px) {
	.site-logo__img{ 
		height: 25px;
	}}


  .site-logo__text{ font-weight:800; letter-spacing:.3px; }
  
  .site-nav--desktop{ display:none; }
  .menu{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	gap:16px;
	align-items:center;
  }
  .menu a{
	display:inline-flex;
	padding:10px 10px;
	border-radius:12px;
	color: rgba(234,242,255,.90);
  }
  .menu a:hover{
	background: rgba(255,255,255,.06);
  }
  .menu .current-menu-item > a{
	background: rgba(255,255,255,.08);
  }
  
  .header-actions{
	display:flex;
	align-items:center;
	gap:10px;
  }
  
  .burger{
	width:44px;
	height:44px;
	border-radius:14px;
	border:1px solid rgba(255,255,255,.14);
	background: rgba(255,255,255,.05);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
  }
  .burger__lines{
	width:18px;
	height:12px;
	position:relative;
	display:block;
  }
  .burger__lines::before,
  .burger__lines::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	height:2px;
	background: rgba(234,242,255,.88);
	border-radius:2px;
  }
  .burger__lines::before{ top:1px; }
  .burger__lines::after{ bottom:1px; }
  
  /* Sidebar off-canvas */
  .sidebar{
	position:fixed;
	inset:0;
	z-index:100;
  }
  .sidebar__overlay{
	position:absolute;
	inset:0;
	background: rgba(0,0,0,.58);
  }
  .sidebar__panel {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #082338, #06192b);
    border-left: 1px solid rgba(255,255,255,.10);
    box-shadow: var(--shadow);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}
  .sidebar__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
  }
  .sidebar__close{
	width:44px;
	height:44px;
	border-radius:14px;
	border:1px solid rgba(255,255,255,.14);
	background: rgba(255,255,255,.05);
	color: var(--text);
	font-size:20px;
	line-height:1;
  }
  .menu--sidebar{
	display:flex;
	flex-direction:column;
	gap:6px;
  }
  .menu--sidebar a{
	width:100%;
	padding:12px 12px;
	border-radius:14px;
	background: rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
  }
  .menu--sidebar a:hover{ background: rgba(255,255,255,.06); }
  .sidebar__actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #092136;
}
  
  body.rr-sidebar-open{ overflow:hidden; }
  
  /* Breadcrumbs */
  .breadcrumbs{
	margin: 18px 0 14px;
	font-size:14px;
	color: var(--muted);
  }
  .breadcrumbs__link{ color: rgba(234,242,255,.85); }
  .breadcrumbs__link:hover{ text-decoration:underline; }
  .breadcrumbs__sep{ opacity:.5; padding:0 6px; }
  .breadcrumbs__current{ opacity:.78; }
  
  /* Hero */
  .hero{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid rgba(255,255,255,.08);
  }
  .hero__bg{
	position:absolute;
	inset:0;
	z-index:0;
  }
  .hero__bg img{
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:.92;
	filter:saturate(1.05) contrast(1.02);
  }
  .hero__bg-fallback{
	width:100%;
	height:100%;
	background: radial-gradient(1000px 600px at 30% 20%, rgba(255,59,191,.30) 0%, rgba(32,208,122,.18) 40%, rgba(6,19,33,1) 100%);
  }
  .hero__inner{
	position:relative;
	z-index:1;
	padding: 26px 0 36px;
  }
  .hero__topline{
	display:flex;
	justify-content:flex-end;
	margin-bottom: 10px;
  }
  .hero__badge{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:8px 12px;
	border-radius:999px;
	background: rgba(0,0,0,.35);
	border:1px solid rgba(255,255,255,.14);
	color: rgba(255,255,255,.92);
	font-weight:700;
	font-size:12px;
	letter-spacing:.6px;
	text-transform:uppercase;
  }
  
  .hero-card{
	max-width: 520px;
	margin-left:auto;
	background: rgba(7,26,42,.70);
	border:1px solid rgba(255,255,255,.16);
	border-radius: var(--radius2);
	box-shadow: var(--shadow);
  }
  .hero-card__content{
	padding:18px;
  }
  .hero-card__title{
	font-weight:900;
	font-size: clamp(22px, 2.2vw, 30px);
	line-height:1.18;
	margin-bottom: 8px;
  }
  .hero-card__subtitle{
	color: rgba(234,242,255,.82);
	font-size: 14px;
	margin-bottom: 14px;
  }
  .hero-card__actions{
	display:flex;
	flex-direction:column;
	gap:10px;
  }
  .hero-card__terms{
	font-size:12px;
	color: rgba(234,242,255,.70);
	text-decoration:underline;
	width:max-content;
  }
  
  .hero__below{
	display:flex;
	justify-content:center;
	margin-top: 18px;
  }
  
  /* Features */
  .features{ padding: 18px 0 6px; }
  .features__grid{
	display:grid;
	grid-template-columns: 1fr;
	gap:12px;
  }
  .feature{
	display:flex;
	align-items:center;
	gap:14px;
	padding:14px 14px;
	border-radius: var(--radius);
	background: rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
  }
  .feature:hover{ background: rgba(255,255,255,.06); }
  .feature__icon{ width:40px; height:40px; object-fit:contain; }
  .feature__label{
	font-weight:800;
	margin-bottom: 2px;
  }
  .feature__text{
	color: var(--muted);
	font-size: 13px;
  }
  
  /* Payments */
  .payments{ padding: 12px 0 6px; }
  .payments__row{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:center;
	justify-content:center;
  }
  .payments__item{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:10px 12px;
	border-radius: 14px;
	background: rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
  }
  .payments__item:hover{ background: rgba(255,255,255,.06); }
  .payments__item img{ height:26px; width:auto; }
  
  /* FAQ */
  .faq{ padding: 22px 0 18px; }
  .faq__title{
	font-weight:900;
	font-size: clamp(18px, 2vw, 26px);
	text-align:center;
	margin-bottom: 12px;
  }
  .faq__list{
	max-width: 760px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	gap:10px;
  }
  .faq-item{
	border-radius: var(--radius);
	overflow:hidden;
	border:1px solid rgba(255,255,255,.10);
	background: rgba(255,255,255,.04);
  }
  .faq-item__q{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:14px 14px;
	background: transparent;
	border:0;
	color: var(--text);
	cursor:pointer;
	text-align:left;
  }
  .faq-item__q-text{ font-weight:800; }
  .faq-item__icon{
	width:28px;
	height:28px;
	border-radius: 10px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background: rgba(32,208,122,.18);
	border:1px solid rgba(32,208,122,.28);
	color: rgba(234,242,255,.92);
	font-weight:900;
  }
  .faq-item__a{
	padding:0 14px 14px;
	color: rgba(234,242,255,.85);
  }
  .faq-item__a-inner{ padding-top: 2px; }
  .faq-item__cta{ margin-top: 8px; }
  .faq-item__cta-link{
	color: rgba(234,242,255,.90);
	text-decoration: underline;
  }
  
  /* SEO block */
  .seo{ padding: 18px 0 34px; }
  .seo__inner{
	max-width: 860px;
	margin:0 auto;
	background: rgba(0,0,0,.18);
	border:1px solid rgba(255,255,255,.08);
	border-radius: var(--radius2);
	padding: 18px;
  }
  .seo__h1{
	margin: 0 0 10px;
	font-size: clamp(22px, 2.4vw, 34px);
	line-height:1.18;
	font-weight: 950;
  }
  .seo__text{
	color: rgba(234,242,255,.86);
	font-size: 15px;
  }
  .seo__text p{ margin: 0 0 12px; }
  .seo__text p:last-child{ margin-bottom:0; }
  
  /* Internal pages */
  .page{ padding: 10px 0 34px; }
  .page__inner{ max-width: 920px; margin:0 auto; }
  .page__intro{
	margin: 10px 0 14px;
	color: rgba(234,242,255,.86);
	background: rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.08);
	border-radius: var(--radius);
	padding: 14px;
  }
  .page__content{
	background: rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.08);
	border-radius: var(--radius2);
	padding: 16px;
  }
  .page__content p{ margin:0 0 12px; color: rgba(234,242,255,.86); }
  .page__cta{ margin-top: 16px; display:flex; justify-content:center; }
  .page__seo{
	margin-top: 18px;
	padding-top: 14px;
	border-top:1px solid rgba(255,255,255,.10);
  }
  .page__seo-title{
	font-weight:900;
	margin-bottom: 8px;
  }
  .page__seo-text{ color: rgba(234,242,255,.84); }
  
  /* 404 */
  .error-404{ padding: 24px 0 42px; }
  .error-404__inner{ max-width: 900px; margin:0 auto; }
  .error-404__title{
	margin: 10px 0 10px;
	font-size: clamp(22px, 2.4vw, 34px);
	font-weight: 950;
  }
  .error-404__text{ color: rgba(234,242,255,.84); }
  .error-404__actions{ margin-top: 14px; display:flex; flex-wrap:wrap; gap:10px; }
  
  /* Footer */
  .site-footer{
	border-top:1px solid rgba(255,255,255,.08);
	background: rgba(0,0,0,.18);
  }
  .site-footer__inner{ padding: 26px 0 24px; }
  .footer-top{
	display:grid;
	grid-template-columns: 1fr;
	gap:16px;
	padding-bottom: 14px;
	border-bottom:1px solid rgba(255,255,255,.08);
  }
  .footer-logo__img{ height:44px; width:auto; }
  .footer-note{ margin-top: 10px; color: rgba(234,242,255,.72); font-size: 13px; }
  
  .footer-menus{ display:grid; grid-template-columns: 1fr; gap:10px; }
  .menu--footer{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
  .menu--footer a{
	padding:8px 10px;
	border-radius:12px;
	color: rgba(234,242,255,.86);
  }
  .menu--footer a:hover{ background: rgba(255,255,255,.05); }
  
  .footer-badges{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:center;
	padding: 16px 0 6px;
  }
  .footer-badges__img{
	height:32px;
	width:auto;
	opacity:.92;
  }
  
  .footer-middle{
	padding: 12px 0 10px;
	text-align:center;
  }
  .footer-support{
	margin-bottom: 10px;
	color: rgba(234,242,255,.84);
  }
  .footer-support__email{ text-decoration: underline; }
  .footer-disclaimer{
	color: rgba(234,242,255,.72);
	font-size: 12px;
  }
  .footer-disclaimer p{ margin:0 0 10px; }
  .footer-disclaimer p:last-child{ margin-bottom:0; }
  
  .footer-bottom{
	padding-top: 10px;
	text-align:center;
  }
  .footer-copy{
	color: rgba(234,242,255,.60);
	font-size: 12px;
  }
  
  /* Responsive */
  @media (min-width: 860px){
	.site-nav--desktop{ display:block; }
	.burger{ display:none; }
	.hero__inner{ padding: 34px 0 44px; }
	.features__grid{ grid-template-columns: repeat(4, 1fr); }
	.feature{ flex-direction:column; align-items:flex-start; min-height: 120px; }
	.feature__icon{ width:44px; height:44px; }
	.footer-top{ grid-template-columns: 1.1fr 1fr; }
	.footer-menus{ grid-template-columns: 1fr; }
  }
  
  
  nav.site-nav.site-nav--mobile {
    z-index: 999999999999;
    background: #092136;
    padding: 10px;
}
  .footer-brand {
		  text-align: center;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
  }

  table {
    border-collapse: collapse;
}

  
  th, td {
    border: 1px solid #293d4e;
	padding: 4px;
}

