.verification-public-main {
    min-height: 68vh;
    padding: clamp(44px, 8vw, 90px) 0;
    color: #eaf4ff;
}

.verification-public-shell { max-width: 900px; }
.verification-public-intro { max-width: 720px; margin-bottom: 28px; }
.verification-public-intro > span,
.verification-result-label {
    display: inline-flex;
    padding: 7px 11px;
    border: 1px solid rgba(93, 203, 255, .22);
    border-radius: 999px;
    color: #8edcff;
    background: rgba(27, 137, 221, .09);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
}
.verification-public-intro h1 { margin: 15px 0 12px; color: #fff; font-size: clamp(34px, 6vw, 58px); line-height: 1.03; }
.verification-public-intro p { margin: 0; color: rgba(229, 239, 251, .72); font-size: 16px; line-height: 1.75; }

.verification-public-card,
.verification-lookup {
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 5vw, 38px);
    border: 1px solid rgba(132, 198, 246, .17);
    border-radius: 28px;
    background: rgba(7, 19, 34, .88);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
    backdrop-filter: blur(18px);
}
.verification-public-card::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 3px; background: linear-gradient(90deg, #087ff5, #18c8f5); }
.verification-public-card.is-invalid::before { background: linear-gradient(90deg, #f97316, #ef4444); }
.verification-public-card h2 { margin: 14px 0 7px; color: #fff; font-size: clamp(27px, 5vw, 42px); }
.verification-public-card p { color: rgba(229, 239, 251, .68); line-height: 1.7; }
.verification-seal { position: absolute; right: 24px; top: 24px; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: rgba(34, 197, 94, .16); border: 1px solid rgba(74, 222, 128, .35); font-size: 29px; font-weight: 900; }
.is-invalid .verification-seal { background: rgba(239, 68, 68, .14); border-color: rgba(248, 113, 113, .32); }
.verification-public-card-head { padding-right: 76px; }
.verification-public-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 26px 0 0; }
.verification-public-details > div { min-width: 0; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, .055); border: 1px solid rgba(255, 255, 255, .06); }
.verification-public-details dt { margin-bottom: 7px; color: rgba(229, 239, 251, .48); font-size: 12px; font-weight: 800; }
.verification-public-details dd { margin: 0; color: #fff; font-weight: 800; overflow-wrap: anywhere; }
.verification-security-note { margin-top: 18px; padding: 16px 18px; border-radius: 17px; background: rgba(8, 127, 245, .09); border: 1px solid rgba(65, 178, 255, .15); }
.verification-security-note strong { color: #bdeaff; }
.verification-security-note p { margin: 5px 0 0; font-size: 13px; }

.verification-scope-note {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    margin-top: 16px;
    padding: 18px;
    border-radius: 17px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .085);
}
.verification-scope-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #bdeaff;
    background: rgba(8, 127, 245, .12);
    border: 1px solid rgba(65, 178, 255, .18);
    font-weight: 900;
    font-size: 16px;
}
.verification-scope-note strong { color: #fff; }
.verification-scope-note p {
    margin: 7px 0 0;
    color: rgba(229, 239, 251, .62);
    font-size: 12.5px;
    line-height: 1.65;
}
.verification-scope-note p + p { margin-top: 9px; }

.verification-lookup label { display: block; margin-bottom: 9px; color: #fff; font-weight: 850; }
.verification-lookup > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.verification-lookup input { min-width: 0; height: 52px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 14px; background: rgba(255, 255, 255, .08); color: #fff; font: inherit; text-transform: uppercase; outline: none; }
.verification-lookup input:focus { border-color: #25b9f6; box-shadow: 0 0 0 4px rgba(37, 185, 246, .12); }
.verification-lookup button { min-height: 52px; padding: 0 22px; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #087ff5, #18c8f5); font-weight: 900; cursor: pointer; }
.verification-lookup small { display: block; margin-top: 10px; color: rgba(229, 239, 251, .5); line-height: 1.5; }

@media (max-width: 620px) {
    .verification-public-card-head { padding-right: 0; padding-top: 70px; }
    .verification-seal { left: 22px; right: auto; }
    .verification-public-details { grid-template-columns: 1fr; }
    .verification-lookup > div { grid-template-columns: 1fr; }
    .verification-lookup button { width: 100%; }
    .verification-scope-note { grid-template-columns: 1fr; padding: 16px; }
    .verification-scope-icon { width: 34px; height: 34px; }
}