/* RX Monochrome — Layre × Arkos inspired SellAuth skin */
html { background:#050505; }
body {
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.08), transparent 28rem),
    linear-gradient(180deg,#050505 0%,#070707 45%,#050505 100%) !important;
  color:#f5f5f5;
  letter-spacing:-.01em;
}
#particles-js { display:none !important; }
#app { position:relative; z-index:1; }
#app > div.flex.flex-col { max-width:92rem !important; padding-top:1rem !important; }

/* subtle page grid */
body:before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 80%);
}

/* announcement */
[data-component-id="announcement"] { border-radius:12px; overflow:hidden; }
[data-component-id="announcement"] > div { background:rgba(255,255,255,.035) !important; border-color:rgba(255,255,255,.08) !important; }

/* navbar */
[data-component-id="navbar"] { position:sticky; top:16px; z-index:40; margin-bottom:1.5rem; }
[data-component-id="navbar"] > div {
  background:rgba(10,10,10,.78) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:16px !important;
  box-shadow:0 16px 50px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(18px);
}
[data-component-id="navbar"] h1 { font-size:1.1rem !important; letter-spacing:.12em; text-transform:uppercase; font-weight:800 !important; }
[data-component-id="navbar"] img { max-height:34px !important; }
[data-component-id="navbar"] a,
[data-component-id="navbar"] button { border-radius:10px !important; }
[data-component-id="navbar"] .bg-card,
[data-component-id="navbar"] .bg-card\/75 { background:transparent !important; }
[data-component-id="navbar"] .border-white\/5 { border-color:rgba(255,255,255,.09) !important; }

/* hero */
[data-component-id="hero"] { overflow:hidden; position:relative; }
[data-component-id="hero"] > div { min-height:62vh !important; padding-top:6.5rem !important; padding-bottom:6.5rem !important; }
[data-component-id="hero"] > div:before {
  content:""; position:absolute; width:42rem; height:42rem; left:50%; top:44%; transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.11),rgba(255,255,255,.025) 34%,transparent 68%);
  filter:blur(6px); pointer-events:none;
}
[data-component-id="hero"] .container { justify-content:center !important; }
[data-component-id="hero"] h1 {
  max-width:950px; margin-left:auto; margin-right:auto;
  font-size:clamp(3.2rem,8vw,7.2rem) !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
  font-weight:800 !important;
  text-transform:none;
  text-wrap:balance;
  background:linear-gradient(180deg,#fff 18%,#b9b9b9 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent !important;
  text-shadow:0 0 42px rgba(255,255,255,.06);
}
[data-component-id="hero"] p {
  max-width:680px; margin-left:auto; margin-right:auto;
  color:#929292 !important; font-size:clamp(1rem,2vw,1.2rem) !important; line-height:1.7 !important;
}
[data-component-id="hero"] a {
  min-height:48px; padding:0 1.35rem !important; border-radius:10px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:#f5f5f5 !important; color:#0a0a0a !important;
  box-shadow:0 8px 30px rgba(255,255,255,.06);
}
[data-component-id="hero"] a:hover { background:#fff !important; transform:translateY(-1px); }
[data-component-id="hero"] input { border-radius:12px !important; }

/* section headings */
.component h1, .component h2, .component h3, .component h4 { letter-spacing:-.03em; }
[data-component-id="products"] > div,
[data-component-id="features"] > div { padding-top:3rem !important; padding-bottom:3rem !important; }
[data-component-id="products"] hr,
[data-component-id="features"] hr { display:none !important; }

/* product cards */
[data-component-id="products"] .group,
[data-component-id="products-page"] .group {
  background:linear-gradient(180deg,rgba(17,17,17,.96),rgba(9,9,9,.96)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:16px !important; overflow:hidden;
  box-shadow:0 12px 35px rgba(0,0,0,.20);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
[data-component-id="products"] .group:hover,
[data-component-id="products-page"] .group:hover {
  transform:translateY(-4px); border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.34);
}
[data-component-id="products"] .group > div,
[data-component-id="products-page"] .group > div { background:transparent !important; }
[data-component-id="products"] img,
[data-component-id="products-page"] img { border-radius:11px !important; transition:transform .35s ease,opacity .35s ease; }
[data-component-id="products"] .group:hover img,
[data-component-id="products-page"] .group:hover img { transform:scale(1.025); }
[data-component-id="products"] .text-accent-500,
[data-component-id="products-page"] .text-accent-500 { color:#fff !important; }
[data-component-id="products"] .border-accent-500,
[data-component-id="products-page"] .border-accent-500 { border-color:rgba(255,255,255,.12) !important; }
[data-component-id="products"] .group .text-center.font-semibold,
[data-component-id="products-page"] .group .text-center.font-semibold {
  border-radius:9px !important; min-height:42px; background:#f4f4f4 !important; color:#090909 !important; border-color:#f4f4f4 !important;
}
[data-component-id="products"] .group .text-center.font-semibold:hover,
[data-component-id="products-page"] .group .text-center.font-semibold:hover { background:#fff !important; }

/* badges */
.badges > div { border-radius:999px !important; padding:.3rem .6rem !important; background:#fff !important; color:#090909 !important; }

/* features */
[data-component-id="features"] .bg-card\/75 {
  background:linear-gradient(180deg,rgba(18,18,18,.8),rgba(10,10,10,.85)) !important;
  border:1px solid rgba(255,255,255,.08) !important; border-radius:16px !important;
  min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center;
}
[data-component-id="features"] i { color:#fff !important; }
[data-component-id="features"] p { color:#888 !important; }

/* generic panels/forms */
.bg-card\/75,.bg-card\/90,.bg-card { background-color:rgba(12,12,12,.88) !important; }
.border-white\/5 { border-color:rgba(255,255,255,.08) !important; }
input,textarea,select,.choices__inner { border-radius:10px !important; }
button,a { transition:all .18s ease; }

/* footer */
footer {
  margin-top:5rem !important; border-radius:16px 16px 0 0 !important; overflow:hidden;
  background:rgba(9,9,9,.82) !important; border:1px solid rgba(255,255,255,.08) !important;
}
footer p, footer a { color:#8d8d8d !important; }
footer a:hover { color:#fff !important; }

/* scrollbar */
::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background:#050505; }
::-webkit-scrollbar-thumb { background:#242424; border:2px solid #050505; border-radius:999px; }
::-webkit-scrollbar-thumb:hover { background:#333; }

@media (max-width:767px){
  #app > div.flex.flex-col { padding:.75rem !important; }
  [data-component-id="navbar"] { top:10px; }
  [data-component-id="hero"] > div { min-height:55vh !important; padding-top:4.5rem !important; padding-bottom:4.5rem !important; }
  [data-component-id="hero"] h1 { font-size:clamp(2.8rem,14vw,4.4rem) !important; }
}