/* Form pages: creators grid, keys gating, success panel */
.grantnote {
	background: var(--pale);
	color: var(--purple);
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 13.5px;
	margin: 12px 0 20px;
}
body.dark .grantnote { background: #4A4570; color: var(--pale); }

/* Top creators grid */
.creators {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin: 14px 0 8px;
}
@media (max-width: 900px) { .creators { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) { .creators { grid-template-columns: repeat(2, 1fr); } }
.ccard {
	background: #fff;
	border-radius: 12px;
	box-shadow: var(--panel-shadow);
	padding: 14px 10px;
	text-align: center;
}
body.dark .ccard { background: #353061; box-shadow: var(--panel-shadow-dark); }
.ccard .avatar {
	width: 56px; height: 56px;
	border-radius: 50%;
	object-fit: cover;
	margin: 0 auto 8px;
	display: block;
	background: var(--pale);
}
.ccard .avinit {
	width: 56px; height: 56px;
	border-radius: 50%;
	margin: 0 auto 8px;
	display: flex; align-items: center; justify-content: center;
	background: var(--blue);
	color: #fff; font-weight: 700; font-size: 22px;
}
.ccard .cname { font-weight: 700; font-size: 13.5px; }
.ccard .coutlet { font-size: 11.5px; opacity: .7; }
.ccard .cfol {
	display: inline-block;
	background: var(--pale);
	color: var(--purple);
	border-radius: 10px;
	padding: 2px 9px;
	font-size: 11px;
	font-weight: 600;
	margin-top: 6px;
}
body.dark .ccard .cfol { background: #4A4570; color: var(--pale); }

/* Keys section gating */
.keysoff { opacity: .45; pointer-events: none; }
#keysNote { font-size: 12.5px; }

/* Success panel */
.okpanel { text-align: center; padding: 40px 20px; }
.okpanel .okicon { font-size: 56px; }

.req { color: #C0392B; }
.submit-row { margin-top: 26px; text-align: center; }
.submit-row .btn { min-width: 220px; }
.hp-field { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }