/* =====================================================
   STRIPPERGRAM™ v3.0 — Public Stylesheet
   ©️ Copyright 2026 STRIPPERGRAM™️ by 🫦 ©️STRIPPER RATES™️
   ===================================================== */
:root {
  --sr-rose-gold: #c8876e;
  --sr-gold: #d4af37;
  --sr-neon-pink: #ff2d78;
  --sr-neon-green: #39ff14;
  --sr-dark: #0a0a0a;
  --sr-card-bg: #111111;
  --sr-border: rgba(200,135,110,.25);
  --sr-text: #e8e8e8;
  --sr-muted: #888888;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Layout */
.sr-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.sr-grid { display: grid; gap: 20px; }
.sr-grid-2 { grid-template-columns: repeat(2, 1fr); }
.sr-grid-3 { grid-template-columns: repeat(3, 1fr); }
.sr-grid-4 { grid-template-columns: repeat(4, 1fr); }
@media(max-width:768px){ .sr-grid-2,.sr-grid-3,.sr-grid-4 { grid-template-columns: 1fr 1fr; } }
@media(max-width:480px){ .sr-grid-2,.sr-grid-3,.sr-grid-4 { grid-template-columns: 1fr; } }
.sr-flex { display: flex; align-items: center; gap: 12px; }
.sr-flex-between { display: flex; align-items: center; justify-content: space-between; }
.sr-mb-4 { margin-bottom: 16px; }

/* Cards */
.sr-card {
  background: var(--sr-card-bg);
  border: 1px solid var(--sr-border);
  border-radius: 16px;
  padding: 20px;
  transition: transform .2s, box-shadow .2s;
}
.sr-card:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(200,135,110,.15); }

/* Liquid animated card */
.sr-liquid-card {
  background: linear-gradient(135deg,#0a0a0a 0%,#1a0e0a 50%,#0a0a0a 100%);
  border: 1px solid rgba(200,135,110,.3);
  border-radius: 16px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}
.sr-liquid-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(200,135,110,.05) 60deg, transparent 120deg);
  animation: sr-spin 8s linear infinite;
  pointer-events: none;
}
@keyframes sr-spin { to { transform: rotate(360deg); } }

/* Typography */
.sr-rose-gold-text { background: linear-gradient(135deg, var(--sr-rose-gold), var(--sr-gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 900; }
.sr-text-muted { color: var(--sr-muted); }
.sr-text-center { text-align: center; }
.sr-text-green { color: var(--sr-neon-green); }
.sr-text-pink { color: var(--sr-neon-pink); }

/* Buttons */
.sr-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; border-radius: 10px; border: none; cursor: pointer; font-weight: 700; font-size: .9rem; transition: all .2s; text-decoration: none; }
.sr-btn-primary { background: linear-gradient(135deg, var(--sr-rose-gold), var(--sr-gold)); color: #000; }
.sr-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 20px rgba(200,135,110,.4); filter: brightness(1.1); }
.sr-btn-outline { background: transparent; border: 1px solid var(--sr-rose-gold); color: var(--sr-rose-gold); }
.sr-btn-outline:hover { background: rgba(200,135,110,.1); }
.sr-btn-neon { background: transparent; border: 1px solid var(--sr-neon-pink); color: var(--sr-neon-pink); }
.sr-btn-neon:hover { background: rgba(255,45,120,.1); box-shadow: 0 0 20px rgba(255,45,120,.3); }
.sr-btn-sm { padding: 6px 12px; font-size: .8rem; }
.sr-btn-lg { padding: 14px 28px; font-size: 1.05rem; }
.sr-btn[disabled] { opacity: .5; cursor: not-allowed; pointer-events: none; }

/* Forms */
.sr-form { display: flex; flex-direction: column; gap: 16px; }
.sr-field { display: flex; flex-direction: column; gap: 6px; }
.sr-field label { color: #bbb; font-size: .9rem; font-weight: 600; }
.sr-input { background: #1a1a1a; border: 1px solid #333; border-radius: 10px; color: var(--sr-text); padding: 12px 16px; font-size: 1rem; width: 100%; transition: border-color .2s, box-shadow .2s; }
.sr-input:focus { border-color: var(--sr-rose-gold); outline: none; box-shadow: 0 0 0 3px rgba(200,135,110,.15); }
.sr-input::placeholder { color: #555; }
.sr-select { background: #1a1a1a; border: 1px solid #333; border-radius: 10px; color: var(--sr-text); padding: 12px 16px; }

/* Badges & Status */
.sr-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 20px; font-size: .75rem; font-weight: 700; }
.sr-badge-live { background: rgba(255,45,120,.2); border: 1px solid var(--sr-neon-pink); color: var(--sr-neon-pink); animation: sr-pulse 2s ease-in-out infinite; }
.sr-badge-working { background: rgba(57,255,20,.2); border: 1px solid var(--sr-neon-green); color: var(--sr-neon-green); }
.sr-badge-verified { background: rgba(212,175,55,.2); border: 1px solid var(--sr-gold); color: var(--sr-gold); }
.sr-badge-kyc { background: rgba(200,135,110,.2); border: 1px solid var(--sr-rose-gold); color: var(--sr-rose-gold); }
@keyframes sr-pulse { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(255,45,120,.5)} 50%{opacity:.8;box-shadow:0 0 20px rgba(255,45,120,.8)} }

/* Notifications */
.sr-toast { position: fixed; top: 20px; right: 20px; z-index: 99999; display: flex; flex-direction: column; gap: 8px; }
.sr-toast-item { background: #111; border: 1px solid var(--sr-border); border-radius: 10px; padding: 14px 18px; min-width: 280px; color: var(--sr-text); display: flex; gap: 10px; align-items: flex-start; animation: sr-slide-in .3s ease; box-shadow: 0 8px 32px rgba(0,0,0,.5); }
.sr-toast-item.success { border-color: var(--sr-neon-green); }
.sr-toast-item.error { border-color: var(--sr-neon-pink); }
@keyframes sr-slide-in { from{transform:translateX(100%);opacity:0} to{transform:translateX(0);opacity:1} }

/* Dashboard */
.sr-dashboard { background: var(--sr-dark); min-height: 100vh; color: var(--sr-text); }
.sr-platform-header { background: linear-gradient(135deg, #0a0a0a 0%, #1a0e0a 100%); border-bottom: 1px solid var(--sr-border); padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; }
.sr-logo { font-size: 1.4rem; font-weight: 900; background: linear-gradient(135deg, var(--sr-rose-gold), var(--sr-gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.sr-nav { display: flex; gap: 20px; align-items: center; }
.sr-nav a { color: #bbb; text-decoration: none; font-size: .9rem; transition: color .2s; }
.sr-nav a:hover, .sr-nav a.active { color: var(--sr-rose-gold); }

/* Stats row */
.sr-stats-row { display: flex; gap: 16px; flex-wrap: wrap; padding: 20px; }
.sr-stat { background: var(--sr-card-bg); border: 1px solid var(--sr-border); border-radius: 12px; padding: 16px 20px; flex: 1; min-width: 140px; }
.sr-stat-val { font-size: 1.6rem; font-weight: 900; color: var(--sr-rose-gold); }
.sr-stat-lbl { font-size: .8rem; color: var(--sr-muted); margin-top: 2px; }

/* Wallet */
.sr-wallet-card { background: linear-gradient(135deg, #1a0e0a 0%, #0a0a0a 100%); border: 1px solid var(--sr-border); border-radius: 20px; padding: 28px; }
.sr-wallet-balance { font-size: 3rem; font-weight: 900; background: linear-gradient(135deg, var(--sr-rose-gold), var(--sr-gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.sr-coin-3d { display: inline-block; animation: sr-flip 4s ease-in-out infinite; font-size: 2rem; }
@keyframes sr-flip { 0%,100%{transform:rotateY(0)} 50%{transform:rotateY(180deg)} }

/* Content protection */
.sr-protected { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.sr-protected img { pointer-events: none; -webkit-drag: none; }

/* Screen protection overlay (activated by JS) */
.sr-screen-protect { position: fixed; inset: 0; z-index: 999998; pointer-events: none; }
.sr-watermark { position: fixed; inset: 0; z-index: 999997; background-image: repeating-linear-gradient(-45deg, transparent, transparent 80px, rgba(200,135,110,.03) 80px, rgba(200,135,110,.03) 82px); pointer-events: none; display: none; }
.sr-screenshot-warning { display: none; position: fixed; inset: 0; z-index: 999999; background: rgba(0,0,0,.95); color: var(--sr-rose-gold); font-size: 2rem; font-weight: 900; align-items: center; justify-content: center; flex-direction: column; text-align: center; }

/* Gallery blurs for locked tiers */
.sr-gallery-locked img { filter: blur(16px) brightness(.5); pointer-events: none; }
.sr-gallery-lock-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; }

/* Misc */
.sr-divider { border: none; border-top: 1px solid #222; margin: 20px 0; }
.sr-mt-4 { margin-top: 16px; }
.sr-error { color: var(--sr-neon-pink); font-size: .9rem; margin-top: 4px; }
.sr-loading { display: flex; align-items: center; gap: 8px; color: var(--sr-muted); }
.sr-spinner { width: 20px; height: 20px; border: 2px solid #333; border-top-color: var(--sr-rose-gold); border-radius: 50%; animation: sr-spin .8s linear infinite; }