/* TOFY PAY V66 — premium luminous card system
   Inspired by the approved TOFY PAY visual language: glass, depth, neon edge light,
   strong icon wells and premium gradients. No third-party artwork is copied. */
:root{
  --tp66-bg:#07091a;
  --tp66-panel:#111632;
  --tp66-panel-2:#17163b;
  --tp66-border:rgba(136,127,255,.24);
  --tp66-blue:#4b83ff;
  --tp66-violet:#8b5cf6;
  --tp66-pink:#ef5cb7;
  --tp66-cyan:#38c7ff;
  --tp66-gold:#f3c872;
  --tp66-shadow:0 18px 52px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset;
}

/* Storefront cards only — keep back office tables/forms stable. */
body:not(.admin-body) :is(.glass-card,.home28-game-card,.p286-package,.promo-card,.mini-card,.experience-card,.paypal-method-block,.premium-panel,.identity-mini-card){
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid var(--tp66-border)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(64,150,255,.17),transparent 32%),
    radial-gradient(circle at 92% 9%,rgba(222,77,208,.13),transparent 28%),
    linear-gradient(145deg,rgba(24,28,67,.96),rgba(11,14,36,.985))!important;
  box-shadow:var(--tp66-shadow)!important;
  backdrop-filter:blur(18px) saturate(118%);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
}
body:not(.admin-body) :is(.glass-card,.home28-game-card,.p286-package,.promo-card,.mini-card,.experience-card,.paypal-method-block,.premium-panel,.identity-mini-card)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,.075),transparent 20%,transparent 70%,rgba(96,82,255,.08));
}
body:not(.admin-body) :is(.glass-card,.home28-game-card,.p286-package,.promo-card,.mini-card,.experience-card,.paypal-method-block,.premium-panel,.identity-mini-card)::after{
  content:"";
  position:absolute;
  width:120px;height:120px;border-radius:50%;
  inset:auto -58px -64px auto;
  z-index:-1;pointer-events:none;
  background:radial-gradient(circle,rgba(85,93,255,.20),transparent 66%);
  filter:blur(2px);
}
@media (hover:hover) and (pointer:fine){
  body:not(.admin-body) :is(.glass-card,.home28-game-card,.p286-package,.promo-card,.mini-card,.experience-card,.paypal-method-block,.premium-panel,.identity-mini-card){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
  body:not(.admin-body) :is(.home28-game-card,.p286-package,.promo-card,.mini-card,.experience-card,.paypal-method-block,.identity-mini-card):hover{
    transform:translateY(-4px);
    border-color:rgba(117,139,255,.50)!important;
    box-shadow:0 24px 58px rgba(0,0,0,.38),0 0 26px rgba(88,83,255,.10)!important;
  }
}

/* Media/art cards: uniform mobile presentation and no ugly crops. */
body:not(.admin-body) :is(.home28-game-art,.p286-logo-ring,.v28-scene,.home28-slide img,.promo-card img){
  border-radius:18px;
}
@media(max-width:850px){
  body:not(.admin-body) :is(.home28-game-card,.promo-card,.p286-package){border-radius:22px!important}
  body:not(.admin-body) .home28-game-art{aspect-ratio:16/10!important;min-height:0!important;height:auto!important;overflow:hidden!important}
  body:not(.admin-body) .home28-game-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
}

/* Premium icon wells for common service cards. */
body:not(.admin-body) :is(.qico,.ico,.experience-icon,.identity-mini-icon,.p286-logo-ring){
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.20),transparent 22%),
    linear-gradient(145deg,rgba(97,84,255,.96),rgba(42,104,232,.88))!important;
  box-shadow:0 12px 30px rgba(52,75,220,.28),0 0 22px rgba(111,78,255,.18),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

/* === Security V66 === */
.sec66-shell{max-width:1180px;margin-inline:auto}
.sec66-hero{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;align-items:center;
  min-height:330px;padding:34px;border-radius:34px;margin-bottom:18px;
  border:1px solid rgba(115,126,255,.28);
  background:
    radial-gradient(circle at 74% 18%,rgba(79,135,255,.28),transparent 25%),
    radial-gradient(circle at 90% 80%,rgba(218,68,188,.20),transparent 31%),
    radial-gradient(circle at 4% 100%,rgba(32,181,255,.14),transparent 33%),
    linear-gradient(135deg,#10173d,#121147 46%,#1b0d3c 100%);
  box-shadow:0 26px 70px rgba(0,0,0,.36),0 0 42px rgba(74,83,255,.10);
}
.sec66-hero::before{content:"";position:absolute;inset:-40%;z-index:-1;background:repeating-radial-gradient(circle at 75% 44%,rgba(255,255,255,.055) 0 1px,transparent 1px 19px);opacity:.22;transform:rotate(-10deg)}
.sec66-copy small{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.065);color:#b9caff;letter-spacing:1.6px;font-size:11px;border:1px solid rgba(255,255,255,.08)}
.sec66-copy h1{font-size:clamp(30px,5vw,56px);line-height:1.05;margin:12px 0 10px;color:#fff;text-shadow:0 0 28px rgba(132,137,255,.18)}
.sec66-copy p{max-width:640px;font-size:16px;line-height:1.8;color:#c8cee5;margin:0}
.sec66-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.sec66-trust span{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(8,13,37,.48);font-size:12px;color:#dfe4ff}
.sec66-visual{position:relative;min-height:258px;display:grid;place-items:center}
.sec66-core{
  width:142px;height:190px;border-radius:36px;display:grid;place-items:center;text-align:center;position:relative;z-index:3;
  color:#fff;font-weight:900;font-size:46px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(165deg,#355ef4,#3920b6 54%,#160e49);
  box-shadow:0 28px 55px rgba(13,16,68,.56),0 0 46px rgba(84,93,255,.30),inset 0 1px 0 rgba(255,255,255,.26);
}
.sec66-core small{position:absolute;bottom:20px;font-size:11px;letter-spacing:2px;color:#e6e7ff}
.sec66-float{position:absolute;width:126px;min-height:104px;padding:14px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 35px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.20);backdrop-filter:blur(12px);color:#fff;font-weight:800}
.sec66-float i{font-style:normal;font-size:29px;filter:drop-shadow(0 4px 12px rgba(255,255,255,.20))}.sec66-float span{font-size:12px}
.sec66-f1{right:0;top:8px;background:linear-gradient(145deg,rgba(103,57,220,.96),rgba(72,42,176,.86))}.sec66-f2{left:0;top:34px;background:linear-gradient(145deg,rgba(25,115,220,.96),rgba(35,57,161,.90))}.sec66-f3{right:8px;bottom:0;background:linear-gradient(145deg,rgba(215,47,154,.92),rgba(107,33,160,.88))}.sec66-f4{left:9px;bottom:2px;background:linear-gradient(145deg,rgba(38,187,204,.90),rgba(49,65,180,.90))}
.sec66-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.sec66-card{position:relative;overflow:hidden;isolation:isolate;padding:22px;border-radius:26px;border:1px solid rgba(126,128,255,.20);background:radial-gradient(circle at 90% 0,rgba(132,82,255,.15),transparent 27%),linear-gradient(145deg,rgba(21,25,61,.97),rgba(11,14,37,.99));box-shadow:0 16px 42px rgba(0,0,0,.28)}
.sec66-card::after{content:"";position:absolute;z-index:-1;width:170px;height:170px;border-radius:50%;right:-95px;bottom:-100px;background:radial-gradient(circle,rgba(56,146,255,.16),transparent 68%)}
.sec66-status{grid-column:span 12}.sec66-main{grid-column:span 7}.sec66-side{grid-column:span 5}.sec66-card header{display:flex;justify-content:space-between;align-items:center;gap:14px}.sec66-card h2{font-size:22px;margin:5px 0 10px}.sec66-card p{color:#aeb7d2;line-height:1.65}.sec66-state{display:inline-flex;align-items:center;gap:8px}.sec66-state-dot{width:12px;height:12px;border-radius:50%;background:#70778d;box-shadow:0 0 0 7px rgba(255,255,255,.025)}.sec66-state-dot.on{background:#3ee0a2;box-shadow:0 0 0 7px rgba(62,224,162,.09),0 0 22px rgba(62,224,162,.50)}
.sec66-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sec66-badges span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);font-size:11px;color:#d7dcf2}
.sec66-card label{display:block;margin:13px 0 7px;font-size:13px;color:#dce1f2}.sec66-card input{width:100%;box-sizing:border-box;margin-top:7px;padding:14px 15px;border-radius:15px;border:1px solid rgba(151,155,255,.18);background:#0d122d;color:#fff;outline:0;transition:.2s}.sec66-card input:focus{border-color:rgba(97,132,255,.70);box-shadow:0 0 0 3px rgba(75,112,255,.10)}
.sec66-primary,.sec66-secondary,.sec66-danger{width:100%;border:0;border-radius:15px;padding:13px 17px;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 12px 24px rgba(0,0,0,.20)}.sec66-primary{background:linear-gradient(135deg,#6654ff,#3b82f6)}.sec66-secondary{background:linear-gradient(135deg,#3d76e8,#9556db)}.sec66-danger{background:linear-gradient(135deg,#d44470,#78264d)}
.sec66-qr{width:min(250px,100%);margin:16px auto;padding:12px;border-radius:24px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 30px rgba(72,102,255,.14);display:grid;place-items:center}.sec66-qr canvas{max-width:100%;height:auto}.sec66-secret{display:flex;gap:8px;align-items:center;margin-top:8px}.sec66-secret code{flex:1;overflow-wrap:anywhere;padding:12px;border-radius:12px;background:#0b1028;border:1px solid rgba(255,255,255,.06);color:#d9e3ff}.sec66-secret button{border:0;border-radius:10px;padding:10px 12px;background:#6254db;color:#fff;font-weight:800}.sec66-recovery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.sec66-recovery-list code{padding:10px;border-radius:10px;background:#0b1028;text-align:center}.sec66-msg{min-height:20px;font-size:13px}

@media(max-width:850px){
  .sec66-shell{padding-inline:0}.sec66-hero{grid-template-columns:1fr;min-height:auto;padding:20px;border-radius:26px;gap:16px}.sec66-copy h1{font-size:34px}.sec66-visual{min-height:245px}.sec66-core{width:120px;height:165px;border-radius:30px;font-size:39px}.sec66-float{width:102px;min-height:86px;border-radius:22px;padding:10px}.sec66-float i{font-size:24px}.sec66-float span{font-size:10px}.sec66-f1{right:0}.sec66-f2{left:0}.sec66-f3{right:4px}.sec66-f4{left:4px}.sec66-main,.sec66-side,.sec66-status{grid-column:span 12}.sec66-card{padding:17px;border-radius:22px}.sec66-card h2{font-size:20px}}
@media(max-width:430px){.sec66-visual{transform:scale(.92);margin-inline:-12px}.sec66-hero{padding:17px}.sec66-copy p{font-size:14px}.sec66-trust span{font-size:10px}}