/* PBP Certificate Verification — front-end */
.pbp-verify-wrap { max-width: 560px; margin: 0 auto; padding: 2rem 0; }
.pbp-verify-card {
	background: #0A0A0E; border: 1px solid rgba(244,192,60,.25); border-radius: 16px;
	padding: 2.5rem 2rem; text-align: center; color: #F6F4EF;
	box-shadow: 0 12px 40px rgba(0,0,0,.4);
}
.pbp-verify-card--valid { border-color: rgba(70,180,80,.4); }
.pbp-verify-card--error { border-color: rgba(220,50,50,.4); }
.pbp-verify__icon { font-size: 3rem; margin-bottom: .5rem; }
.pbp-verify-card--valid .pbp-verify__icon { color: #46b450; }
.pbp-verify-card--error .pbp-verify__icon { color: #dc3232; }
.pbp-verify__title { font-size: 1.5rem; font-weight: 700; margin: 0 0 .5rem; color: #F6F4EF; }
.pbp-verify__desc { color: rgba(246,244,239,.62); font-size: .95rem; margin: 0 0 1.5rem; }
.pbp-verify__form { display: flex; gap: .6rem; justify-content: center; }
.pbp-verify__input {
	flex: 1; max-width: 280px; padding: .8rem 1rem; border-radius: 999px;
	border: 1px solid rgba(244,192,60,.25); background: #111214; color: #F6F4EF;
	font: inherit; font-size: .95rem; text-transform: uppercase; letter-spacing: .05em;
}
.pbp-verify__input:focus { outline: none; border-color: #F4C03C; }
.pbp-verify__btn {
	padding: .8rem 1.8rem; border: 0; border-radius: 999px; cursor: pointer;
	background: #F4C03C; color: #0A0A0E; font-weight: 700; font-size: .9rem;
	text-transform: uppercase; letter-spacing: .02em; transition: background .3s;
}
.pbp-verify__btn:hover { background: #E79818; }
.pbp-verify__details {
	text-align: left; margin: 1.5rem auto; max-width: 360px;
	display: grid; gap: .4rem; font-size: .9rem;
}
.pbp-verify__details strong { color: #F4C03C; display: inline-block; min-width: 80px; }
.pbp-verify__details code { background: rgba(244,192,60,.1); padding: .1rem .4rem; border-radius: 3px; color: #F4C03C; }
.pbp-verify__footer { font-size: .78rem; color: rgba(246,244,239,.4); margin-top: 1.5rem; }
.pbp-verify__link { color: #F4C03C; text-decoration: none; font-size: .85rem; }
.pbp-verify__link:hover { text-decoration: underline; }