/* ═══════════════════════════════ PROPHECY SOCIALS PAGE ═══════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body.pcy-socials-page{
	min-height:100vh;
	background:#080808;
	color:#fff;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:56px 16px 48px;
	position:relative;
	overflow-x:hidden;
}

/* ── Background presets ────────────────────────────────────────────────── */
.pcy-socials-page.bg-dark{background:#080808}
.pcy-socials-page.bg-purple{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(120,60,220,.32) 0%,#080808 70%)}
.pcy-socials-page.bg-blue{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(30,90,220,.3) 0%,#080808 70%)}
.pcy-socials-page.bg-crimson{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(180,30,50,.28) 0%,#080808 70%)}
.pcy-socials-page.bg-obsidian{background:radial-gradient(ellipse 60% 40% at 30% 15%,rgba(80,20,140,.22) 0%,#060408 70%)}

/* Subtle noise grain */
.pcy-socials-page::before{
	content:'';
	position:fixed;
	inset:0;
	background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
	opacity:.025;
	pointer-events:none;
	z-index:0;
}

/* ── Layout wrapper ────────────────────────────────────────────────────── */
.sl-wrap{
	width:100%;
	max-width:480px;
	display:flex;
	flex-direction:column;
	align-items:center;
	position:relative;
	z-index:1;
}

/* ── Logo ──────────────────────────────────────────────────────────────── */
.sl-logo-ring{
	position:relative;
	margin-bottom:20px;
}
.sl-logo-ring::before{
	content:'';
	position:absolute;
	inset:-10px;
	border-radius:50%;
	background:radial-gradient(circle,var(--sl-accent,#6366f1) 0%,transparent 65%);
	opacity:.28;
	animation:sl-pulse 3.5s ease-in-out infinite;
}
@keyframes sl-pulse{0%,100%{opacity:.22;transform:scale(.96)}50%{opacity:.35;transform:scale(1.04)}}
.sl-logo{
	width:90px;height:90px;
	border-radius:50%;
	object-fit:contain;
	background:rgba(255,255,255,.05);
	border:1.5px solid rgba(255,255,255,.12);
	padding:12px;
	display:block;
	position:relative;
}

/* ── Name / handle / bio ───────────────────────────────────────────────── */
.sl-name{
	font-size:1.55rem;font-weight:800;letter-spacing:-.025em;
	color:#fff;text-align:center;margin-bottom:4px;
	text-shadow:0 0 40px rgba(255,255,255,.08);
}
.sl-handle{
	font-size:.78rem;color:rgba(255,255,255,.38);font-weight:500;
	text-align:center;letter-spacing:.04em;margin-bottom:10px;
}
.sl-bio{
	font-size:.82rem;color:rgba(255,255,255,.5);text-align:center;
	line-height:1.6;margin-bottom:32px;max-width:300px;
}

/* ── Links list ────────────────────────────────────────────────────────── */
.sl-links{
	width:100%;
	display:flex;flex-direction:column;gap:10px;
	margin-bottom:36px;
}
.sl-btn{
	display:flex;align-items:center;gap:14px;width:100%;
	padding:13px 18px;
	background:rgba(255,255,255,.055);
	border:1px solid rgba(255,255,255,.09);
	border-radius:14px;
	color:#fff;text-decoration:none;
	font-weight:600;font-size:.88rem;letter-spacing:.01em;
	transition:background .17s,border-color .17s,transform .17s,box-shadow .17s;
	backdrop-filter:blur(10px);
	position:relative;overflow:hidden;
}
.sl-btn::after{
	content:'';
	position:absolute;inset:0;
	background:linear-gradient(105deg,rgba(255,255,255,.04) 0%,transparent 60%);
	pointer-events:none;
}
.sl-btn:hover{
	background:rgba(255,255,255,.10);
	border-color:rgba(255,255,255,.18);
	transform:translateY(-2px);
	box-shadow:0 8px 28px rgba(0,0,0,.45);
	color:#fff;text-decoration:none;
}
.sl-btn:active{transform:translateY(0);transition-duration:.08s}
.sl-btn-icon{
	width:34px;height:34px;border-radius:8px;
	background:rgba(255,255,255,.08);
	display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.sl-btn-icon svg{display:block}
.sl-btn-label{flex:1;text-align:center;padding-right:34px}
.sl-btn-arrow{opacity:.28;font-size:.75rem;flex-shrink:0;margin-left:auto;display:none}
.sl-btn:hover .sl-btn-arrow{opacity:.6}

/* ── Footer meta ───────────────────────────────────────────────────────── */
.sl-meta{
	display:flex;flex-direction:column;align-items:center;gap:6px;
	margin-top:auto;
}
.sl-views{
	font-size:.65rem;color:rgba(255,255,255,.18);
	letter-spacing:.1em;text-transform:uppercase;
}
.sl-powered{
	font-size:.6rem;color:rgba(255,255,255,.1);letter-spacing:.06em;
}
.sl-powered a{color:inherit;text-decoration:none}
.sl-powered a:hover{color:rgba(255,255,255,.25)}

/* ── Scrollbar ─────────────────────────────────────────────────────────── */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:2px}