/* ZYROTREDING Ultra Premium UI v2
   Visual-only enhancement. No database, payment or download logic is changed. */
:root{
  --zy-bg:#050505;
  --zy-panel:rgba(16,16,16,.78);
  --zy-panel-strong:#11110f;
  --zy-line:rgba(225,175,61,.18);
  --zy-line-soft:rgba(255,255,255,.07);
  --zy-gold:#e4b849;
  --zy-gold-2:#fff0a8;
  --zy-text:#f7f5ef;
  --zy-muted:#aaa69d;
  --zy-green:#52e389;
  --zy-shadow:0 26px 80px rgba(0,0,0,.52);
  --zy-radius:24px;
}
html{scroll-behavior:smooth;background:var(--zy-bg)}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(228,184,73,.055),transparent 30%),
    radial-gradient(circle at 92% 34%,rgba(228,184,73,.04),transparent 28%),
    var(--zy-bg)!important;
  color:var(--zy-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.18;
  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:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}
::selection{background:rgba(228,184,73,.3);color:#fff}
a,button,input,select,textarea{transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,opacity .22s ease}
img{max-width:100%;height:auto}

/* Premium top navigation */
.marketplace-nav,.nav{
  position:sticky!important;top:0;z-index:1000!important;
  min-height:78px;
  border-bottom:1px solid var(--zy-line)!important;
  background:rgba(5,5,5,.76)!important;
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  box-shadow:0 12px 45px rgba(0,0,0,.26)!important;
}
.marketplace-nav.zy-scrolled{background:rgba(4,4,4,.94)!important;box-shadow:0 16px 50px rgba(0,0,0,.45)!important}
.brand-logo{
  border-radius:18px!important;
  background:linear-gradient(145deg,#18150d,#050505)!important;
  border:1px solid rgba(239,195,86,.46)!important;
  color:var(--zy-gold-2)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 30px rgba(228,184,73,.18)!important;
}
.brand-text strong{font-size:clamp(21px,2.2vw,28px)!important;letter-spacing:.06em!important}
.brand-text small{color:#bc9c55!important;letter-spacing:.025em}
.marketplace-links>a,.nav-group-button,.profile-trigger{
  border-radius:11px!important;padding:10px 12px!important;
  color:#d4d0c6!important;font-weight:700!important;
}
.marketplace-links>a:hover,.nav-group-button:hover,.profile-trigger:hover,.marketplace-links>a.active{
  color:#fff!important;background:rgba(228,184,73,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(228,184,73,.13);
}
.mega-menu,.profile-dropdown{
  border:1px solid rgba(228,184,73,.22)!important;
  background:rgba(10,10,9,.96)!important;
  box-shadow:0 30px 85px rgba(0,0,0,.58)!important;
  backdrop-filter:blur(24px);
  border-radius:20px!important;
}
.mega-menu a,.profile-dropdown a{border-radius:12px!important}
.mega-menu a:hover,.profile-dropdown a:hover{background:rgba(228,184,73,.08)!important;color:#fff!important}
.menu-btn{border:1px solid var(--zy-line)!important;background:rgba(255,255,255,.025)!important;color:var(--zy-gold-2)!important;border-radius:13px!important}

/* Shared layout */
.section,.container,.wrap,.page-shell{position:relative}
.section{padding-top:clamp(58px,7vw,104px)!important;padding-bottom:clamp(58px,7vw,104px)!important}
.section h2,.section-title h2,.page-title h1{
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
.eyebrow,.section-kicker{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--zy-gold)!important;font-size:12px!important;font-weight:900!important;
  letter-spacing:.14em!important;text-transform:uppercase;
}
.lead,.section p,.card p{color:var(--zy-muted)}

/* Premium panels/cards */
.card,.product-card,.premium-card,.plan-card,.testimonial-card,.category-card,.tool-card,.course-card,.library-card,
.market-card,.dashboard-card,.stat-card,.feature-card,.auth-card,.form-card{
  border:1px solid var(--zy-line-soft)!important;
  background:linear-gradient(145deg,rgba(19,19,18,.88),rgba(8,8,8,.92))!important;
  border-radius:var(--zy-radius)!important;
  box-shadow:0 16px 52px rgba(0,0,0,.32)!important;
  overflow:hidden;
}
.card:hover,.product-card:hover,.premium-card:hover,.plan-card:hover,.testimonial-card:hover,.category-card:hover,.tool-card:hover,.course-card:hover,.library-card:hover,
.market-card:hover,.feature-card:hover{
  transform:translateY(-6px);
  border-color:rgba(228,184,73,.36)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 0 1px rgba(228,184,73,.05)!important;
}
.product-card img,.premium-card img,.course-card img,.library-card img,.market-card img{
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease;
}
.product-card:hover img,.premium-card:hover img,.course-card:hover img,.library-card:hover img,.market-card:hover img{transform:scale(1.045);filter:saturate(1.06) contrast(1.03)}

/* Buttons */
.btn,.btn-sm,.button,button[type="submit"],input[type="submit"],.cta-button{
  position:relative;isolation:isolate;
  border-radius:14px!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
.btn:not(.outline),.btn-sm,button[type="submit"],input[type="submit"],.cta-button{
  color:#120e05!important;
  border:1px solid rgba(255,230,150,.38)!important;
  background:linear-gradient(115deg,#fff0a8 0%,#e4b849 38%,#b97913 100%)!important;
  box-shadow:0 12px 34px rgba(228,184,73,.18),inset 0 1px rgba(255,255,255,.46)!important;
}
.btn:not(.outline):hover,.btn-sm:hover,button[type="submit"]:hover,input[type="submit"]:hover,.cta-button:hover{
  transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 18px 44px rgba(228,184,73,.3)!important;
}
.btn.outline,.button.outline{
  color:#f7e4aa!important;border:1px solid rgba(228,184,73,.32)!important;
  background:rgba(228,184,73,.045)!important;
}
.btn.outline:hover,.button.outline:hover{background:rgba(228,184,73,.1)!important;border-color:rgba(228,184,73,.55)!important;transform:translateY(-2px)}

/* Forms */
input,select,textarea{
  color:#f7f5ef!important;background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:rgba(228,184,73,.56)!important;
  box-shadow:0 0 0 4px rgba(228,184,73,.09)!important;background:rgba(255,255,255,.05)!important;
}

/* Badges and price */
.badge,.popular-badge,.platform-label,.tag,.pill{
  border:1px solid rgba(228,184,73,.25)!important;
  background:rgba(228,184,73,.085)!important;color:#f0ca6c!important;
  border-radius:999px!important;font-weight:900!important;
}
.price,.product-price,.plan-price{color:#fff0a8!important;text-shadow:0 8px 28px rgba(228,184,73,.17)}

/* Homepage upgrades */
.premium-hero-v5{min-height:min(860px,calc(100svh - 78px))!important}
.premium-hero-v5 .btn,.premium-hero-v5 .btn-sm{min-height:50px;display:inline-flex;align-items:center;justify-content:center}
.hero-v5-copy h1{text-wrap:balance}
.hero-v5-visual,.hero-globe-shell{filter:drop-shadow(0 40px 80px rgba(0,0,0,.56))}
.market-summary article{
  background:linear-gradient(145deg,rgba(18,18,17,.82),rgba(7,7,7,.94))!important;
  border:1px solid var(--zy-line-soft)!important;border-radius:20px!important;
}
.testimonial-section .testimonial-card{position:relative}
.testimonial-section .testimonial-card:before{content:"“";position:absolute;right:18px;top:-4px;font:900 72px/1 Georgia;color:rgba(228,184,73,.12)}

/* Product grids */
.products-grid,.card-grid,.premium-grid,.tool-grid,.course-grid,.library-grid,.category-grid{
  gap:clamp(16px,2.2vw,28px)!important;
}

/* Tables */
table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border:1px solid var(--zy-line-soft);border-radius:18px;background:rgba(10,10,10,.76)}
th{background:rgba(228,184,73,.08)!important;color:#f2d27c!important;text-transform:uppercase;font-size:11px;letter-spacing:.09em}
th,td{border-color:rgba(255,255,255,.06)!important}
tr:hover td{background:rgba(228,184,73,.035)}

/* Footer */
.v5-footer{
  position:relative;overflow:hidden;
  border-top:1px solid var(--zy-line)!important;
  background:linear-gradient(145deg,#090908,#030303)!important;
}
.v5-footer:before{content:"";position:absolute;width:480px;height:480px;right:-220px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(228,184,73,.1),transparent 68%);pointer-events:none}
.footer-brand strong{letter-spacing:.07em;color:#fff0a8!important}
.footer-links strong{color:#f2d27c!important}

/* Motion reveal */
.zy-reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}
.zy-reveal.zy-visible{opacity:1;transform:none}
.zy-shimmer{position:relative;overflow:hidden}
.zy-shimmer:after{content:"";position:absolute;inset:-100% auto -100% -35%;width:25%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);animation:zyShine 5.5s infinite}
@keyframes zyShine{0%,68%{left:-35%}100%{left:135%}}

/* Scroll progress + floating button */
#zy-scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,#9f6812,#fff0a8,#d89b25);box-shadow:0 0 18px rgba(228,184,73,.55)}
#zy-back-top{position:fixed;right:18px;bottom:18px;z-index:900;width:48px;height:48px;border:1px solid rgba(228,184,73,.3);border-radius:50%;display:grid;place-items:center;background:rgba(8,8,8,.8);color:#f2cf75;box-shadow:0 12px 34px rgba(0,0,0,.42);backdrop-filter:blur(15px);opacity:0;pointer-events:none;transform:translateY(12px)}
#zy-back-top.zy-show{opacity:1;pointer-events:auto;transform:none}
#zy-back-top:hover{background:rgba(228,184,73,.12);transform:translateY(-2px)}

/* Mobile polish */
@media(max-width:900px){
  .marketplace-nav,.nav{min-height:68px!important;padding-left:4.5%!important;padding-right:4.5%!important}
  .brand-logo{width:45px!important;height:45px!important;font-size:27px!important}
  .brand-text strong{font-size:19px!important}
  .brand-text small{font-size:10px!important}
  .marketplace-links{
    border:1px solid rgba(228,184,73,.18)!important;
    background:rgba(5,5,5,.97)!important;
    backdrop-filter:blur(22px);
  }
  .section{padding-left:5%!important;padding-right:5%!important}
  .premium-hero-v5{min-height:auto!important;padding-top:62px!important;padding-bottom:72px!important}
}
@media(max-width:560px){
  :root{--zy-radius:19px}
  .section{padding-top:52px!important;padding-bottom:52px!important}
  .hero-v5-copy h1{font-size:clamp(44px,13.2vw,66px)!important;line-height:.93!important}
  .btn,.btn-sm,.button,button[type="submit"]{min-height:46px}
  #zy-back-top{width:44px;height:44px;right:13px;bottom:13px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.zy-reveal{opacity:1;transform:none}}
