/* =========================================================
   DREMART LIGHT ANIME / WEB3 THEME
   Complete theme

   BUTTON SYSTEM:
   GREEN  = Primary / action
   VIOLET = Secondary / navigation / login

   Buttons:
   - Solid colors only
   - No multi-color gradients
   - No outer glow / blur
   - White text
   ========================================================= */


:root{
  color-scheme:light;

  --ui-ink:#111936;
  --ui-copy:#586381;
  --ui-muted:#7d86a2;

  --ui-violet:#8057e8;
  --ui-violet-border:#a98aff;

  --ui-green:#16c79a;
  --ui-green-border:#55ddbd;

  --ui-purple:#a856f4;
  --ui-cyan:#20c6d2;
  --ui-pink:#ef5eaa;

  --ui-line:#dfe3f0;

  --ui-shadow:
    0 18px 50px rgba(58,67,117,.12);
}

/* Custom-domain footer network badge: keep the Solana mark clear on light pages. */
.site-footer .footer-network {
  background: #ffffff !important;
  border: 1px solid #d9deec !important;
  color: #313451 !important;
  box-shadow: 0 8px 22px rgba(79, 70, 122, 0.11) !important;
}

.site-footer .footer-network span {
  color: #313451 !important;
}

.site-footer .footer-network img {
  padding: 3px !important;
  border-radius: 7px !important;
  background: #f4f0ff !important;
  object-fit: contain !important;
}


/* =========================================================
   GLOBAL
   ========================================================= */

*{
  box-sizing:border-box;
}

body{
  color:var(--ui-ink)!important;

  background:
    radial-gradient(
      circle at 6% 0,
      rgba(78,188,255,.18),
      transparent 31rem
    ),
    radial-gradient(
      circle at 96% 4%,
      rgba(184,123,255,.15),
      transparent 33rem
    ),
    linear-gradient(
      145deg,
      #f8fbff,
      #fbfaff 54%,
      #f5fbff
    )!important;

  font-family:
    Inter,
    "Segoe UI",
    system-ui,
    sans-serif!important;
}

body:before{
  display:none!important;
}


/* =========================================================
   SHARED CARDS
   ========================================================= */

.card,
.access-panel,
.benefit,
.tenant-card,
.admin-login,
.admin-metrics article,
.history-summary article,
.payment-row,
.tenant-socials,
.sol-payment-box{

  border:1px solid var(--ui-line)!important;

  border-radius:22px!important;

  background:
    linear-gradient(
      145deg,
      #fff,
      #f9f9ff
    )!important;

  color:var(--ui-ink)!important;

  box-shadow:
    var(--ui-shadow)!important;
}


.card h1,
.card h2,
.card h3,
.access-panel h2,
.benefit h3,
.tenant-card h2,
.admin-shell h1,
.admin-shell h2,
.admin-shell h3{

  color:var(--ui-ink)!important;
}


.card p,
.access-panel p,
.benefit p,
.tenant-card p,
.admin-shell p,
.muted{

  color:var(--ui-copy)!important;
}


/* =========================================================
   FORM CONTROLS
   ========================================================= */

input,
select,
textarea{

  border:
    1px solid #d8deed!important;

  border-radius:
    13px!important;

  background:
    #fff!important;

  color:
    var(--ui-ink)!important;

  box-shadow:
    inset 0 1px 2px
    rgba(50,57,94,.04)!important;
}


input:focus,
select:focus,
textarea:focus{

  border-color:
    #9b83f6!important;

  outline:
    3px solid
    rgba(118,87,246,.12)!important;
}


/* =========================================================
   PRIMARY BUTTON
   GREEN
   ========================================================= */

button,
.button{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  min-height:46px;

  padding:
    12px 18px;

  cursor:pointer;

  color:#fff!important;

  font:inherit;

  font-weight:850;

  line-height:1.2;

  text-decoration:none!important;

  text-shadow:none!important;

  border:
    1px solid
    var(--ui-green-border)!important;

  border-radius:
    14px;

  background:
    var(--ui-green)!important;

  background-image:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;

  transition:
    transform .18s ease,
    filter .18s ease,
    border-color .18s ease;
}


button:hover,
.button:hover{

  color:#fff!important;

  border-color:
    #6be4c6!important;

  background:
    var(--ui-green)!important;

  background-image:
    none!important;

  text-decoration:
    none!important;

  transform:
    translateY(-1px);

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


button:active,
.button:active{

  transform:
    translateY(0);

  filter:
    brightness(.97);
}


button:focus-visible,
.button:focus-visible{

  outline:
    2px solid
    rgba(22,199,154,.30);

  outline-offset:
    3px;
}


/* =========================================================
   SECONDARY BUTTON
   VIOLET
   ========================================================= */

.secondary{

  border-color:
    var(--ui-violet-border)!important;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  text-decoration:
    none!important;

  text-shadow:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.secondary:hover{

  border-color:
    #b99dff!important;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  transform:
    translateY(-1px);

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   PAGE LINK / OWNER LOGIN
   VIOLET
   ========================================================= */

.page-link{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:44px;

  padding:
    11px 17px;

  border:
    1px solid
    var(--ui-violet-border)!important;

  border-radius:
    13px;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  font-weight:
    800;

  text-decoration:
    none!important;

  text-shadow:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;

  transition:
    transform .18s ease,
    filter .18s ease;
}


.page-link:hover{

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  border-color:
    #b99dff!important;

  color:
    #fff!important;

  text-decoration:
    none!important;

  transform:
    translateY(-1px);

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   ADMIN LOGOUT
   VIOLET
   ========================================================= */

.admin-logout{

  border:
    1px solid
    var(--ui-violet-border)!important;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  text-decoration:
    none!important;

  text-shadow:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.admin-logout:hover{

  border-color:
    #b99dff!important;

  background:
    var(--ui-violet)!important;

  color:
    #fff!important;

  transform:
    translateY(-1px);

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   DANGER BUTTON
   KEEP SOLID PINK FOR DELETE / DANGER ONLY
   ========================================================= */

.danger{

  border:
    1px solid
    #f18aaf!important;

  background:
    #ed5b90!important;

  background-image:
    none!important;

  color:
    #fff!important;

  text-shadow:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.danger:hover{

  background:
    #ed5b90!important;

  background-image:
    none!important;

  border-color:
    #f49abb!important;

  color:
    #fff!important;

  filter:
    brightness(1.04);

  transform:
    translateY(-1px);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   NOTICE / STATUS / BADGES
   ========================================================= */

.notice,
.status,
.wallet-eyebrow,
.wallet-chip,
.method,
.badge{

  border:
    1px solid
    #e1dcf1!important;

  background:
    linear-gradient(
      135deg,
      #f8f5ff,
      #eefcff
    )!important;

  color:
    #684bb0!important;
}


/* =========================================================
   PLATFORM HOMEPAGE
   ========================================================= */

.platform-home{

  max-width:
    1180px!important;
}


/* =========================================================
   PLATFORM NAV
   ========================================================= */

.platform-home .platform-nav{

  display:flex!important;

  align-items:center!important;

  justify-content:
    space-between!important;

  gap:
    20px!important;

  margin-bottom:
    24px!important;

  padding:
    13px 15px!important;

  border:
    1px solid
    var(--ui-line)!important;

  border-radius:
    20px!important;

  background:
    rgba(255,255,255,.94)!important;

  box-shadow:
    0 13px 34px
    rgba(58,67,117,.11)!important;

  backdrop-filter:
    blur(16px)!important;
}


.platform-home .platform-brand{

  color:
    var(--ui-ink)!important;
}


.platform-home .platform-brand img{

  width:
    44px!important;

  height:
    44px!important;

  border-radius:
    12px!important;
}


.platform-home .platform-brand-copy strong{

  color:
    var(--ui-ink)!important;

  font-size:
    1rem!important;
}


.platform-home .platform-brand-copy small{

  color:
    #7657c8!important;
}


.platform-home .platform-nav>span{

  gap:
    10px!important;
}


/* =========================================================
   NAV BUTTON BASE
   ========================================================= */

.platform-home .platform-nav>span>a{

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  min-height:
    44px!important;

  padding:
    0 17px!important;

  border-radius:
    13px!important;

  font-size:
    .86rem!important;

  font-weight:
    800!important;

  text-decoration:
    none!important;

  text-shadow:
    none!important;

  transition:
    transform .18s ease,
    filter .18s ease!important;
}


/* =========================================================
   WHATSAPP
   GREEN
   ========================================================= */

.platform-home
.platform-nav
a[href^="https://wa.me/"]{

  border:
    1px solid
    var(--ui-green-border)!important;

  background:
    var(--ui-green)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.platform-home
.platform-nav
a[href^="https://wa.me/"] *{

  color:
    #fff!important;
}


.platform-home
.platform-nav
a[href^="https://wa.me/"]:hover{

  background:
    var(--ui-green)!important;

  border-color:
    #6be4c6!important;

  color:
    #fff!important;

  transform:
    translateY(-1px)!important;

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   TELEGRAM
   VIOLET
   ========================================================= */

.platform-home
.platform-nav
a[href^="https://t.me/"]{

  border:
    1px solid
    var(--ui-violet-border)!important;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.platform-home
.platform-nav
a[href^="https://t.me/"] *{

  color:
    #fff!important;
}


.platform-home
.platform-nav
a[href^="https://t.me/"]:hover{

  background:
    var(--ui-violet)!important;

  border-color:
    #b99dff!important;

  color:
    #fff!important;

  transform:
    translateY(-1px)!important;

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   HOMEPAGE OWNER LOGIN
   VIOLET
   ========================================================= */

.platform-home
.platform-nav
.owner-login{

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  min-height:
    44px!important;

  padding:
    0 19px!important;

  border:
    1px solid
    var(--ui-violet-border)!important;

  border-radius:
    13px!important;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  font-family:
    Inter,
    "Segoe UI",
    system-ui,
    sans-serif!important;

  font-size:
    .86rem!important;

  font-weight:
    800!important;

  letter-spacing:
    0!important;

  text-decoration:
    none!important;

  text-shadow:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.platform-home
.platform-nav
.owner-login:before,

.platform-home
.platform-nav
.owner-login:after{

  display:
    none!important;
}


.platform-home
.platform-nav
.owner-login:hover{

  background:
    var(--ui-violet)!important;

  border-color:
    #b99dff!important;

  color:
    #fff!important;

  transform:
    translateY(-1px)!important;

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   CREATE WALLET WEBSITE CARD
   ========================================================= */

.platform-home>
a[aria-label="Create my crypto wallet website"]{

  border:
    1px solid
    #dce3f1!important;

  border-radius:
    24px!important;

  box-shadow:
    0 18px 46px
    rgba(58,67,117,.13)!important;
}


/* =========================================================
   MESSAGE MARQUEE
   ========================================================= */

.platform-home
.platform-message-marquee{

  margin-top:
    14px!important;

  border:
    1px solid
    #d9e5f2!important;

  border-radius:
    13px!important;

  background:
    linear-gradient(
      90deg,
      #f1faff,
      #f7f1ff,
      #eefcff
    )!important;

  box-shadow:
    0 8px 21px
    rgba(58,67,117,.07)!important;
}


.platform-home
.platform-message-group{

  padding:
    10px 18px!important;

  color:
    #4d5790!important;

  font-size:
    .86rem!important;

  font-weight:
    700!important;
}


.platform-home
.platform-message-group span:after{

  color:
    #8a66ef!important;
}


/* =========================================================
   HOMEPAGE PANELS
   ========================================================= */

.platform-home
.platform-video-section,

.platform-home
.sample-sites,

.platform-home
.platform-cta{

  border:
    1px solid
    var(--ui-line)!important;

  border-radius:
    24px!important;

  background:
    linear-gradient(
      145deg,
      #fff,
      #f8f8ff
    )!important;

  color:
    var(--ui-ink)!important;

  box-shadow:
    var(--ui-shadow)!important;
}


.platform-home
.platform-video-section{

  margin:
    30px 0!important;

  padding:
    32px!important;
}


.platform-home
.platform-video-section h2,

.platform-home
.sample-sites h2,

.platform-home
.platform-cta h2,

.platform-home
.section-heading h2{

  color:
    var(--ui-ink)!important;
}


.platform-home
.platform-video-section p,

.platform-home
.sample-sites p,

.platform-home
.platform-cta p,

.platform-home
.section-heading p{

  color:
    var(--ui-copy)!important;
}


.platform-home
.platform-video-frame{

  padding:
    7px!important;

  border:
    1px solid
    #d9dfee!important;

  background:
    #eef1f8!important;

  box-shadow:
    0 15px 34px
    rgba(58,67,117,.13)!important;
}


/* =========================================================
   SAMPLE SITES
   ========================================================= */

.platform-home
.sample-sites{

  margin:
    26px 0!important;

  padding:
    25px!important;
}


.platform-home
.sample-site-link{

  border:
    1px solid
    #dde1ee!important;

  border-radius:
    16px!important;

  background:
    #fff!important;

  color:
    var(--ui-ink)!important;

  box-shadow:
    0 8px 21px
    rgba(58,67,117,.08)!important;
}


.platform-home
.sample-site-link b{

  color:
    var(--ui-ink)!important;
}


.platform-home
.sample-site-link small{

  color:
    var(--ui-copy)!important;
}


.platform-home
.sample-site-link strong{

  color:
    #6c50de!important;
}


/* =========================================================
   NETWORK MARQUEE
   ========================================================= */

.platform-home
.platform-network-marquee{

  margin:
    22px 0 6px!important;

  padding:
    15px 0!important;

  border:
    1px solid
    #dce5f1!important;

  border-radius:
    20px!important;

  background:
    linear-gradient(
      90deg,
      #f4fbff,
      #faf7ff,
      #f2fcff
    )!important;

  box-shadow:
    0 10px 25px
    rgba(58,67,117,.07)!important;
}


.platform-home
.platform-network-group{

  gap:
    12px!important;

  padding-right:
    12px!important;
}


.platform-home
.platform-network-group span{

  min-width:
    142px!important;

  padding:
    10px 14px!important;

  border:
    1px solid
    #dce1ee!important;

  border-radius:
    14px!important;

  background:
    #fff!important;

  color:
    #56617d!important;

  box-shadow:
    0 7px 17px
    rgba(58,67,117,.07)!important;
}


.platform-home
.platform-network-group img{

  width:
    31px!important;

  height:
    31px!important;
}


/* =========================================================
   PLATFORM SECTIONS
   ========================================================= */

.platform-home
.platform-section{

  padding:
    64px 0 4px!important;
}


.platform-home
.section-heading{

  margin-bottom:
    28px!important;
}


.platform-home
.section-heading h2{

  margin:
    12px 0 10px!important;

  font-size:
    clamp(
      1.75rem,
      3.4vw,
      2.65rem
    )!important;

  line-height:
    1.14!important;
}


.platform-home
.wallet-eyebrow{

  border:
    0!important;

  background:
    transparent!important;

  color:
    #7456cf!important;
}


.platform-home
.platform-benefits,

.platform-home
.earning-flow,

.platform-home
.process-grid{

  gap:
    15px!important;
}


.platform-home
.platform-benefits article,

.platform-home
.earning-flow article,

.platform-home
.process-grid article{

  border:
    1px solid
    var(--ui-line)!important;

  border-radius:
    19px!important;

  background:
    linear-gradient(
      145deg,
      #fff,
      #f9f9ff
    )!important;

  color:
    var(--ui-ink)!important;

  box-shadow:
    0 11px 29px
    rgba(58,67,117,.09)!important;
}


.platform-home
.platform-benefits article,

.platform-home
.earning-flow article{

  padding:
    23px!important;
}


.platform-home
.process-grid article{

  padding:
    24px!important;
}


/* =========================================================
   SMALL ICON BOXES
   VIOLET — SOLID
   ========================================================= */

.platform-home
.platform-benefits article>span,

.platform-home
.earning-flow b,

.platform-home
.process-grid strong{

  display:grid!important;

  place-items:center!important;

  width:
    40px!important;

  height:
    40px!important;

  border:
    1px solid
    var(--ui-violet-border)!important;

  border-radius:
    12px!important;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.platform-home
.platform-benefits h3,

.platform-home
.earning-flow h3,

.platform-home
.process-grid h3{

  color:
    var(--ui-ink)!important;
}


.platform-home
.platform-benefits p,

.platform-home
.earning-flow p,

.platform-home
.process-grid p{

  color:
    var(--ui-copy)!important;
}


/* =========================================================
   EARNING NOTE
   ========================================================= */

.platform-home
.earning-note{

  border-color:
    #ecdca9!important;

  background:
    #fffbef!important;

  color:
    #6e5b29!important;
}


.platform-home
.earning-note strong{

  color:
    #514217!important;
}


/* =========================================================
   FAQ
   ========================================================= */

.platform-home
.platform-faq details{

  border:
    1px solid
    var(--ui-line)!important;

  background:
    #fff!important;

  box-shadow:
    0 8px 20px
    rgba(58,67,117,.07)!important;
}


.platform-home
.platform-faq summary{

  color:
    var(--ui-ink)!important;
}


.platform-home
.platform-faq p{

  color:
    var(--ui-copy)!important;
}


/* =========================================================
   CTA SECTION
   ========================================================= */

.platform-home
.platform-cta{

  margin-top:
    64px!important;

  padding:
    48px 30px!important;
}


/* =========================================================
   BEGINNER GUIDE SECTION
   ========================================================= */

.platform-home
section[aria-labelledby="crypto-beginner-guide"]{

  border:
    1px solid
    #dfdff0!important;

  background:
    linear-gradient(
      135deg,
      #fff8fd,
      #f3f0ff 54%,
      #eefdff
    )!important;

  box-shadow:
    var(--ui-shadow)!important;
}


.platform-home
section[aria-labelledby="crypto-beginner-guide"]>span{

  color:
    #7657c8!important;
}


.platform-home
section[aria-labelledby="crypto-beginner-guide"] h2{

  color:
    var(--ui-ink)!important;
}


.platform-home
section[aria-labelledby="crypto-beginner-guide"] p{

  color:
    var(--ui-copy)!important;
}


.platform-home
section[aria-labelledby="crypto-beginner-guide"] small{

  color:
    #697591!important;
}


/* BEGINNER GUIDE BUTTON — GREEN */

.platform-home
section[aria-labelledby="crypto-beginner-guide"] a{

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  min-height:
    46px!important;

  padding:
    12px 18px!important;

  border:
    1px solid
    var(--ui-green-border)!important;

  border-radius:
    13px!important;

  background:
    var(--ui-green)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  font-weight:
    800!important;

  text-decoration:
    none!important;

  text-shadow:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.platform-home
section[aria-labelledby="crypto-beginner-guide"] a span{

  color:
    #fff!important;
}


.platform-home
section[aria-labelledby="crypto-beginner-guide"] a:hover{

  background:
    var(--ui-green)!important;

  border-color:
    #6be4c6!important;

  color:
    #fff!important;

  transform:
    translateY(-1px);

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   SITE FOOTER
   ========================================================= */

.site-footer{

  position:
    relative!important;

  display:
    grid!important;

  grid-template-columns:
    1.05fr .8fr 1.35fr!important;

  align-items:
    center!important;

  gap:
    24px!important;

  width:
    min(
      1180px,
      calc(100% - 32px)
    )!important;

  margin:
    44px auto 0!important;

  padding:
    30px 32px!important;

  overflow:
    hidden!important;

  border:
    1px solid
    #d8dff0!important;

  border-radius:
    25px!important;

  background:
    linear-gradient(
      120deg,
      #fff 0%,
      #f7f2ff 52%,
      #eafdff 100%
    )!important;

  color:
    #5c6682!important;

  box-shadow:
    0 20px 52px
    rgba(58,67,117,.13)!important;

  text-align:
    left!important;
}


/* =========================================================
   FOOTER TOP LINE
   ========================================================= */

.site-footer:before{

  content:
    ""!important;

  position:
    absolute!important;

  inset:
    0 0 auto!important;

  height:
    4px!important;

  background:
    var(--ui-violet)!important;
}


/* =========================================================
   FOOTER DECORATION
   ========================================================= */

.site-footer:after{

  content:
    ""!important;

  position:
    absolute!important;

  right:
    -70px!important;

  bottom:
    -95px!important;

  width:
    230px!important;

  height:
    230px!important;

  border-radius:
    50%!important;

  background:
    radial-gradient(
      circle,
      rgba(32,198,210,.14),
      transparent 68%
    )!important;

  pointer-events:
    none!important;
}


/* =========================================================
   FOOTER NETWORK LABEL
   VIOLET
   ========================================================= */

.site-footer
.footer-network{

  position:
    relative!important;

  z-index:
    1!important;

  display:
    inline-flex!important;

  align-items:
    center!important;

  justify-content:
    flex-start!important;

  width:
    max-content!important;

  max-width:
    100%!important;

  padding:
    11px 15px!important;

  border:
    1px solid
    var(--ui-violet-border)!important;

  border-radius:
    13px!important;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  font-weight:
    800!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


.site-footer
.footer-network span{

  color:
    #fff!important;
}


.site-footer p{

  position:
    relative!important;

  z-index:
    1!important;

  margin:
    0!important;

  color:
    #5c6682!important;

  font-weight:
    650!important;

  text-align:
    center!important;
}


.site-footer a{

  color:
    #684bd6!important;

  font-weight:
    850!important;

  text-decoration:
    none!important;

  border-bottom:
    0!important;
}


.site-footer a:hover{

  color:
    #8057e8!important;

  text-decoration:
    none!important;

  border-bottom:
    0!important;
}


.site-footer small{

  position:
    relative!important;

  z-index:
    1!important;

  color:
    #45506e!important;

  font-size:
    .85rem!important;

  font-weight:
    650!important;

  line-height:
    1.55!important;

  text-align:
    right!important;
}


/* =========================================================
   PRIVACY POLICY
   ========================================================= */

.privacy-footer{

  padding:
    22px 16px;

  text-align:
    center;

  font:
    700 14px/1.5
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;
}


.privacy-footer a,
.privacy-footer a:visited{

  color:
    #51427f!important;

  text-decoration:
    none!important;

  border:
    0!important;

  border-bottom:
    0!important;

  font-weight:
    700!important;
}


.privacy-footer a:hover{

  color:
    #7257c8!important;

  text-decoration:
    none!important;

  border:
    0!important;

  border-bottom:
    0!important;
}


/* =========================================================
   ADMIN / HISTORY / INVOICE
   ========================================================= */

.admin-header,
.page-head,
.wrap>.nav{

  border:
    1px solid
    var(--ui-line)!important;

  border-radius:
    19px!important;

  background:
    rgba(255,255,255,.94)!important;

  box-shadow:
    0 12px 32px
    rgba(58,67,117,.10)!important;
}


.tenant-top,
.tenant-actions{

  border-color:
    var(--ui-line)!important;

  background:
    #fafaff!important;
}


.secret,
code,
.sol-address-row{

  border:
    1px solid
    #dfd9ef!important;

  background:
    #f6f3ff!important;

  color:
    #5f48a0!important;
}


table th{

  background:
    #f3f1fb!important;

  color:
    #504879!important;
}


table td,
table th{

  border-color:
    #e3e1ed!important;
}


.invoice{

  border:
    1px solid
    var(--ui-line)!important;

  border-radius:
    22px!important;

  box-shadow:
    var(--ui-shadow)!important;
}


/* =========================================================
   EXTRA COMMON ACTION LINKS
   GREEN
   ========================================================= */

a.primary-action,
a.green-button,
a.cta-button{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  min-height:
    46px;

  padding:
    12px 18px;

  border:
    1px solid
    var(--ui-green-border)!important;

  border-radius:
    14px;

  background:
    var(--ui-green)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  font-weight:
    800;

  text-decoration:
    none!important;

  text-shadow:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


a.primary-action:hover,
a.green-button:hover,
a.cta-button:hover{

  background:
    var(--ui-green)!important;

  border-color:
    #6be4c6!important;

  color:
    #fff!important;

  transform:
    translateY(-1px);

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   EXTRA VIOLET ACTION LINKS
   ========================================================= */

a.violet-button,
a.secondary-action{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  min-height:
    46px;

  padding:
    12px 18px;

  border:
    1px solid
    var(--ui-violet-border)!important;

  border-radius:
    14px;

  background:
    var(--ui-violet)!important;

  background-image:
    none!important;

  color:
    #fff!important;

  font-weight:
    800;

  text-decoration:
    none!important;

  text-shadow:
    none!important;

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.45)!important;
}


a.violet-button:hover,
a.secondary-action:hover{

  background:
    var(--ui-violet)!important;

  border-color:
    #b99dff!important;

  color:
    #fff!important;

  transform:
    translateY(-1px);

  filter:
    brightness(1.04);

  box-shadow:
    inset 0 1px 1px
    rgba(255,255,255,.50)!important;
}


/* =========================================================
   DISABLED BUTTONS
   ========================================================= */

button:disabled,
.button.disabled,
.button[aria-disabled="true"]{

  cursor:
    not-allowed!important;

  opacity:
    .55!important;

  transform:
    none!important;

  filter:
    none!important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media(max-width:760px){

  .platform-home
  .platform-nav{

    align-items:
      flex-start!important;

    flex-direction:
      column!important;
  }


  .platform-home
  .platform-nav>span{

    width:
      100%!important;

    display:
      grid!important;

    grid-template-columns:
      1fr 1fr!important;
  }


  .platform-home
  .platform-nav
  .owner-login{

    grid-column:
      1/-1!important;
  }


  .platform-home
  .platform-video-section{

    padding:
      22px!important;
  }


  .site-footer{

    grid-template-columns:
      1fr!important;

    gap:
      15px!important;

    padding:
      27px 23px!important;

    text-align:
      center!important;
  }


  .site-footer
  .footer-network{

    justify-self:
      center!important;
  }


  .site-footer p,
  .site-footer small{

    text-align:
      center!important;
  }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:520px){

  button,
  .button{

    min-height:
      44px;

    padding:
      11px 15px;

    border-radius:
      13px;
  }


  .page-link,
  .admin-logout{

    min-height:
      42px;

    padding:
      10px 13px;

    font-size:
      .82rem;
  }


  .platform-home
  .platform-nav>span{

    grid-template-columns:
      1fr!important;
  }


  .platform-home
  .platform-nav
  .owner-login{

    grid-column:
      auto!important;
  }


  .platform-home
  .platform-nav>span>a{

    width:
      100%!important;
  }


  .platform-home
  .platform-section{

    padding-top:
      50px!important;
  }


  .platform-home
  .platform-video-section{

    padding:
      18px!important;
  }
}

/* TOP NAV BUTTONS — CLEAN SOLID STYLE */

/* TOP NAV BUTTONS — CLEAN SOLID STYLE */

.platform-home .platform-nav a[href^="https://wa.me/"],
.platform-home .platform-nav a[href^="https://t.me/"],
.platform-home .platform-nav .owner-login{
  min-height:44px!important;
  padding:0 18px!important;

  border-radius:12px!important;

  color:#fff!important;
  font-weight:800!important;
  text-decoration:none!important;
  text-shadow:none!important;

  background-image:none!important;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.45)!important;

  transition:
    transform .18s ease,
    filter .18s ease!important;
}


/* WhatsApp — GREEN */
.platform-home .platform-nav a[href^="https://wa.me/"]{
  background:#16c79a!important;
  border:1px solid #55ddbd!important;
}

.platform-home .platform-nav a[href^="https://wa.me/"] *,
.platform-home .platform-nav a[href^="https://wa.me/"] svg{
  color:#fff!important;
  fill:currentColor!important;
}


/* Telegram — VIOLET */
.platform-home .platform-nav a[href^="https://t.me/"]{
  background:#8057e8!important;
  border:1px solid #a98aff!important;
}

.platform-home .platform-nav a[href^="https://t.me/"] *,
.platform-home .platform-nav a[href^="https://t.me/"] svg{
  color:#fff!important;
  fill:currentColor!important;
}


/* Owner Login — VIOLET */
.platform-home .platform-nav .owner-login{
  background:#8057e8!important;
  border:1px solid #a98aff!important;
}


/* Hover */
.platform-home .platform-nav a[href^="https://wa.me/"]:hover,
.platform-home .platform-nav a[href^="https://t.me/"]:hover,
.platform-home .platform-nav .owner-login:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.5)!important;
}

/* =========================================================
   CUSTOM-DOMAIN WALLET HEADER
   ========================================================= */

.wrap > .nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:76px!important;
  margin-bottom:28px!important;
  padding:12px 14px!important;
  overflow:visible!important;
}

.wrap > .nav .brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  max-width:min(52%,420px)!important;
  color:#202044!important;
  font-size:1rem!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-decoration:none!important;
}

.wrap > .nav .brand-logo{
  display:block!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:4px!important;
  border:1px solid #e0e4f0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(92,76,164,.13)!important;
  object-fit:contain!important;
}

.wrap > .nav .brand > span{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#202044!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.wrap > .nav .pwa-install{
  flex:0 0 auto!important;
  width:auto!important;
  margin:0 0 0 auto!important;
  color:#667392!important;
}

.wrap > .nav .pwa-install button{
  min-height:44px!important;
  margin:0!important;
  padding:10px 16px!important;
  border:1px solid #55ddbd!important;
  border-radius:13px!important;
  background:#16c79a!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.45)!important;
}

.wrap > .nav .pwa-install button span,
.wrap > .nav .pwa-install button svg,
.wrap > .nav .pwa-install button i{
  background:transparent!important;
  color:#fff!important;
  fill:currentColor!important;
}

.wrap > .nav .pwa-install small{
  color:#667392!important;
  font-size:.75rem!important;
}

@media(max-width:680px){
  .wrap > .nav{
    gap:12px!important;
    min-height:68px!important;
    padding:10px!important;
    flex-wrap:wrap!important;
  }

  .wrap > .nav .brand{
    max-width:calc(100% - 132px)!important;
  }

  .wrap > .nav .brand-logo{
    flex-basis:44px!important;
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    border-radius:13px!important;
  }

  .wrap > .nav .pwa-install{
    order:initial!important;
    width:auto!important;
    margin:0 0 0 auto!important;
  }

  .wrap > .nav .pwa-install button{
    min-height:42px!important;
    padding:9px 12px!important;
  }
}

@media(max-width:430px){
  .wrap > .nav .brand{
    max-width:100%!important;
    flex:1 1 100%!important;
  }

  .wrap > .nav .pwa-install{
    width:100%!important;
    margin:0!important;
  }

  .wrap > .nav .pwa-install button{
    width:100%!important;
  }
}

/* Keep every Solana custom-domain homepage panel light. */
.wallet-home,
.wallet-home .wallet-hero,
.wallet-home .benefit,
.wallet-home .access-panel,
.wallet-home .access-panel form{
  color:#202044!important;
  border-color:#dfe4f2!important;
  background:linear-gradient(145deg,#fff,#f8f7ff)!important;
  background-color:#fff!important;
}

.wallet-home .wallet-hero{
  box-shadow:none!important;
}

.wallet-home .solana-home-benefits{
  border-color:#dfe4f2!important;
  background:linear-gradient(90deg,#f1fbff,#f8f4ff,#f1fbff)!important;
}

.wallet-home .solana-home-benefits-group{
  color:#5d4aa0!important;
}

.wallet-home .solana-home-benefits-group span::after{
  color:#20bfb9!important;
}

.wallet-home h1,
.wallet-home h2,
.wallet-home h3,
.wallet-home strong,
.wallet-home label{
  color:#202044!important;
  text-shadow:none!important;
}

.wallet-home p,
.wallet-home .wallet-lead,
.wallet-home .access-heading p,
.wallet-home .benefit p{
  color:#626d8d!important;
  text-shadow:none!important;
}

.wallet-home .access-panel form{
  padding:22px!important;
  border:1px solid #e1e5f1!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(74,80,140,.08)!important;
}

.wallet-home input,
.wallet-home select,
.wallet-home textarea{
  border-color:#d8deed!important;
  background:#fff!important;
  color:#202044!important;
}

.wallet-home .safety-note{
  border-color:#c9eadf!important;
  background:linear-gradient(135deg,#f2fff9,#f2fbff)!important;
  color:#347867!important;
}

.wallet-home button,
.wallet-home .button{
  color:#fff!important;
}

.wallet-home button svg,
.wallet-home .button svg,
.wallet-home button span,
.wallet-home .button span{
  color:#fff!important;
  fill:currentColor!important;
}

.site-footer .footer-network{
  background:#fff!important;
  background-image:none!important;
  border-color:#d9deec!important;
  color:#313451!important;
  box-shadow:0 8px 22px rgba(79,70,122,.11)!important;
}

.site-footer .footer-network span{
  color:#313451!important;
}

.site-footer .footer-network img{
  padding:3px!important;
  border-radius:7px!important;
  background:#f4f0ff!important;
  object-fit:contain!important;
}