img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;border:none;background:none}
.grad{background:linear-gradient(135deg,var(--pink) 0%,var(--purple) 50%,var(--deep) 100%)}
.grad-text{background:linear-gradient(135deg,var(--pink) 0%,var(--purple) 60%,var(--deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  
/* BREADCRUMBS */
.crumbs{font-size:12px;}
.crumbs a{color:var(--deep)}
.crumbs a:hover{text-decoration:underline}
.crumbs .sep{margin:0 6px;color:#ccc}
/* =========== BLOCKED HERO CARD =========== */
.blocked-hero{
  background:#fff;
  border:1px solid #ebdcfa;
  border-radius:24px;
  padding:48px 32px 40px;
  margin:12px 0 24px;
  text-align:center;
  position:relative;
  overflow:hidden;
  box-shadow:0 12px 32px rgba(111,59,217,.1);
}
.blocked-hero::before{
  content:"";
  position:absolute;top:-100px;left:-100px;right:-100px;
  height:280px;
  background:radial-gradient(ellipse at center,rgba(239,68,68,.15),transparent 60%);
  pointer-events:none;
}
.blocked-hero::after{
  content:"";
  position:absolute;bottom:-120px;left:0;right:0;
  height:240px;
  background:radial-gradient(ellipse at center,rgba(164,92,255,.12),transparent 60%);
  pointer-events:none;
}
.status-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,#fee2e2,#fecaca);
  color:#991b1b;
  border:1px solid #fca5a5;
  padding:7px 16px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:22px;
  box-shadow:0 4px 12px rgba(239,68,68,.15);
}
.status-badge .dot{
  width:8px;height:8px;border-radius:50%;
  background:#dc2626;
  animation:pulseDot 1.6s infinite;
}
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.35}}
/* Avatar with locked overlay */
.blocked-avatar-wrap{
  position:relative;
  width:180px;
  height:180px;
  margin:0 auto 20px;
}
.blocked-avatar{
  width:180px;
  height:180px;
  border-radius:50%;
  background:linear-gradient(135deg,#a45cff,#6f3bd9,#3d1b6b);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:80px;
  border:6px solid #fff;
  box-shadow:0 20px 50px rgba(111,59,217,.4);
  filter:grayscale(70%) blur(2px);
  position:relative;
  overflow:hidden;
}
.blocked-avatar::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(0,0,0,.35),rgba(0,0,0,.55));
}
.blocked-avatar .em{position:relative;filter:blur(1px);opacity:.7}
.avatar-lock{
  position:absolute;
  bottom:6px;
  right:6px;
  width:56px;
  height:56px;
  background:linear-gradient(135deg,#dc2626,#7f1d1d);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  color:#fff;
  border:4px solid #fff;
  box-shadow:0 6px 16px rgba(220,38,38,.5);
  animation:lockShake 3s ease-in-out infinite;
}
@keyframes lockShake{
  0%,90%,100%{transform:rotate(0deg)}
  92%{transform:rotate(-10deg)}
  94%{transform:rotate(10deg)}
  96%{transform:rotate(-6deg)}
  98%{transform:rotate(6deg)}
}
.avatar-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 14px;
  background:#f5edff;
  color:var(--deep);
  font-size:12px;
  font-weight:800;
  border-radius:999px;
  border:1px solid #ebdcfa;
  margin-bottom:16px;
  transition:.15s;
  position:relative;
}
.avatar-link:hover{background:#ecdcfa;transform:translateY(-1px)}
.avatar-link.old{text-decoration:line-through;opacity:.6}
.blocked-title{
  position:relative;
  margin:0 0 10px;
  font-size:36px;
  font-weight:900;
  line-height:1.15;
  color:#1a1130;
}
@media(max-width:600px){.blocked-title{font-size:26px}}
.blocked-model-name{
  position:relative;
  font-size:20px;
  font-weight:800;
  color:#666;
  margin-bottom:6px;
}
.blocked-model-name b{
  background:linear-gradient(135deg,#ff5fb0,#a45cff,#6f3bd9);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.blocked-subtitle{
  position:relative;
  font-size:14px;
  color:#666;
  margin-bottom:22px;
  max-width:560px;
  margin-left:auto;margin-right:auto;
  line-height:1.6;
}
/* Info card about model */
.model-info-card{
  position:relative;
  max-width:520px;
  margin:0 auto 26px;
  background:linear-gradient(135deg,#fdf2f8,#f5edff);
  border:1px solid #ebdcfa;
  border-radius:16px;
  padding:18px 20px;
  text-align:left;
}
.model-info-card .row{
  display:flex;
  gap:10px;
  padding:6px 0;
  font-size:13px;
  color:#444;
  align-items:flex-start;
}
.model-info-card .row .ic{
  width:26px;
  font-size:15px;
  flex-shrink:0;
}
.model-info-card .row .l{
  color:#888;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:700;
  min-width:100px;
}
.model-info-card .row b{color:#1a1130;font-weight:700}
/* Farewell message */
.farewell{
  position:relative;
  background:linear-gradient(135deg,#fef3c7,#fef9c3);
  border:1px solid #fde68a;
  border-left:4px solid #f59e0b;
  border-radius:14px;
  padding:18px 22px;
  max-width:600px;
  margin:0 auto 26px;
  text-align:left;
  font-size:13px;
  color:#78350f;
  line-height:1.65;
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.farewell .em{
  font-size:26px;
  flex-shrink:0;
  line-height:1;
}
.farewell b{color:#78350f}
.farewell .heart{color:#dc2626}
/* Telegram CTA — main action */
.tg-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(135deg,#229ED9,#0c63a0);
  color:#fff;
  padding:16px 32px;
  border-radius:16px;
  font-weight:900;
  font-size:15px;
  box-shadow:0 12px 32px rgba(34,158,217,.45);
  transition:.2s;
  margin-bottom:12px;
  overflow:hidden;
}
.tg-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  background-size:200% 100%;
  animation:shineBtn 2.5s linear infinite;
}
@keyframes shineBtn{0%{background-position:-200% 0}100%{background-position:200% 0}}
.tg-cta:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(34,158,217,.55)}
.tg-cta .tg-ico{
  width:32px;height:32px;
  background:rgba(255,255,255,.25);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;
  position:relative;
}
.tg-cta .arrow{margin-left:4px;font-size:16px;transition:.2s;position:relative}
.tg-cta:hover .arrow{transform:translateX(4px)}
.tg-cta .txt{position:relative;text-align:left}
.tg-cta .txt .small{font-size:10px;opacity:.85;font-weight:600;line-height:1;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}
.tg-cta .txt .big{line-height:1.1}
.cta-note{
  position:relative;
  font-size:11px;
  color:#888;
  margin-top:4px;
}
.cta-note a{color:var(--deep);font-weight:700}
/* Home button */
.home-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:11px 22px;
  background:#f5edff;
  color:var(--deep);
  font-weight:800;
  font-size:13px;
  border-radius:999px;
  border:1px solid #ebdcfa;
  margin-left:8px;
  transition:.15s;
}
.home-btn:hover{background:#ecdcfa}
/* =========== EXPLORE MORE SECTION =========== */
.section-title{
  display:flex;
  align-items:center;
  gap:14px;
  margin:20px 0 16px;
}
.section-title h2{
  margin:0;
  font-size:22px;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1.1;
}
.section-title h2 .ic{font-size:24px}
.section-title .line{flex:1;height:2px;background:linear-gradient(90deg,#d6c4f5,transparent)}
.suggest-intro{
  font-size:14px;
  color:#555;
  margin-bottom:20px;
  line-height:1.6;
  max-width:700px;
}
/* Suggest cards grid */
.suggest-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-bottom:24px;
}
@media(max-width:900px){.suggest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.suggest-grid{grid-template-columns:1fr}}
.suggest-card{
  background:#fff;
  border:1px solid #ebdcfa;
  border-radius:18px;
  padding:22px 20px;
  transition:.2s;
  display:flex;
  flex-direction:column;
  gap:10px;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  text-align:left;
}
.suggest-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(164,92,255,.2);
  border-color:#dcc6f5;
}
.suggest-card::before{
  content:"";
  position:absolute;
  top:-40px;right:-40px;
  width:140px;height:140px;
  border-radius:50%;
  opacity:.1;
  transition:.3s;
}
.suggest-card:hover::before{transform:scale(1.4);opacity:.18}
.suggest-card.c1::before{background:linear-gradient(135deg,#ff5fb0,#be185d)}
.suggest-card.c2::before{background:linear-gradient(135deg,#a45cff,#6f3bd9)}
.suggest-card.c3::before{background:linear-gradient(135deg,#ec4899,#831843)}
.suggest-card.c4::before{background:linear-gradient(135deg,#0ea5e9,#1e40af)}
.suggest-icon{
  width:52px;height:52px;
  border-radius:14px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  flex-shrink:0;
  position:relative;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.suggest-card.c1 .suggest-icon{background:linear-gradient(135deg,#ff5fb0,#be185d)}
.suggest-card.c2 .suggest-icon{background:linear-gradient(135deg,#a45cff,#6f3bd9)}
.suggest-card.c3 .suggest-icon{background:linear-gradient(135deg,#ec4899,#831843)}
.suggest-card.c4 .suggest-icon{background:linear-gradient(135deg,#0ea5e9,#1e40af)}
.suggest-card h3{
  margin:0;
  font-size:16px;
  font-weight:900;
  color:#1a1130;
  line-height:1.2;
  position:relative;
}
.suggest-card .ds{
  font-size:12px;
  color:#666;
  line-height:1.5;
  margin:0;
  flex:1;
  position:relative;
}
.suggest-card .go{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:800;
  color:var(--deep);
  margin-top:6px;
  position:relative;
  transition:.15s;
}
.suggest-card:hover .go{gap:10px}
.suggest-card .url{
  font-size:10px;
  color:#aaa;
  font-family:monospace;
  padding-top:8px;
  border-top:1px solid #f3e7fb;
  margin-top:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  position:relative;
}
/* FOOTER */
footer{margin-top:32px;border-top:1px solid #ece1f7;background:#fff}
.footer-inner{padding:32px 0}
.foot-card{background:linear-gradient(135deg,#fdf2f8,#f5edff);border-radius:18px;padding:24px;border:1px solid #ebdcfa}
.foot-card h3{margin:0 0 8px;font-size:15px}
.foot-card p{margin:0 0 16px;font-size:13px;color:#555}
.socials{display:flex;flex-wrap:wrap;gap:10px}
.socials a{color:#fff;font-size:12px;font-weight:700;padding:8px 14px;border-radius:999px;display:flex;align-items:center;gap:6px;transition:.2s;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.socials a:hover{transform:scale(1.05)}
.s-tg{background:#229ED9}.s-yt{background:#FF0000}.s-vk{background:#0077FF}.s-tg2{background:#22c5e0}.s-tt{background:#000}.s-x{background:#111}
.foot-bottom{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;color:#888;font-size:12px}
.foot-bottom a{color:var(--deep);font-weight:700}
/* FAB */
.fab{position:fixed;bottom:20px;right:20px;z-index:40;color:#fff;border-radius:18px;box-shadow:0 16px 36px rgba(34,158,217,.4);padding:12px 16px 12px 12px;display:flex;align-items:center;gap:12px;max-width:260px;transition:.2s;background:linear-gradient(135deg,#229ED9,#0c63a0)}
.fab:hover{transform:scale(1.05)}
.fab .icn{position:relative;width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}
.fab .dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#22c55e;border-radius:50%}
.fab .dot.ping{animation:ping 1.4s ease-out infinite}
@keyframes ping{0%{transform:scale(1);opacity:1}80%,100%{transform:scale(2);opacity:0}}
.fab .lbl{font-size:11px;font-weight:700;opacity:.95;line-height:1.1}
.fab .ttl{font-size:14px;font-weight:900;line-height:1.1}
@media(max-width:600px){
      .container { 
        width: auto;margin: 10px;
    }
  .nav,.user-pill{display:none}
  .blocked-hero{padding:32px 20px}
  .blocked-avatar-wrap,.blocked-avatar{width:140px;height:140px}
  .blocked-avatar{font-size:60px}
  .fab{padding:10px 12px}
  .home-btn{margin-left:0;margin-top:8px}
}