* {
    box-sizing: border-box;
}
:root {
    color-scheme: dark;
    --gold: #e9b72e;
    --gold-light: #ffd85c;
    --black: #050505;
    --panel: #111111;
}
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--black);
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.page-shell {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}
.visual-header,
.visual-footer {
    width: 100%;
    background: #050505;
    line-height: 0;
}
.visual-header img,
.visual-footer img {
    display: block;
    width: 100%;
    height: auto;
}
.verify-section {
    padding: 42px 22px 48px;
    background:
      radial-gradient(ellipse at 50% 0%, rgba(220, 164, 28, .12), transparent 55%),
      #080808;
}
.verify-card {
    width: min(100%, 760px);
    margin: 0 auto;
    padding: clamp(25px, 5vw, 48px);
    border: 1px solid rgba(235, 185, 48, .72);
    border-radius: 18px;
    background: linear-gradient(145deg, #191919, #090909 72%);
    box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 18px 55px rgba(0,0,0,.5);
    text-align: center;
}
.eyebrow {
    color: var(--gold-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .22em;
}
h1 {
    margin: 12px 0 10px;
    font-size: clamp(25px, 4vw, 38px);
    line-height: 1.1;
    letter-spacing: .045em;
}
.intro {
    max-width: 540px;
    margin: 0 auto 28px;
    color: #c8c8c8;
    font-size: 15px;
    line-height: 1.6;
}
form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
input {
    width: 100%;
    min-height: 62px;
    padding: 0 20px;
    border: 1px solid #c9cdd4;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: #151515;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .16em;
    text-align: center;
    transition: box-shadow .2s, border-color .2s;
}
input::placeholder {
    color: #777;
    font-size: 14px;
    letter-spacing: .08em;
    font-weight: 600;
}
input:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(233,183,46,.2);
}
button {
    min-height: 60px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(100deg, #d99d16, #ffd34e);
    color: #111;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: .08em;
    cursor: pointer;
    transition: filter .2s, transform .2s;
}
button:hover { filter: brightness(1.08); }
button:active { transform: translateY(1px); }
.result {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 22px;
    padding: 16px 18px;
    border-radius: 10px;
    text-align: left;
    line-height: 1.45;
}
.result strong { font-size: 17px; }
.result span { font-size: 14px; }
.result.success {
    color: #d9ffe3;
    background: rgba(22, 130, 65, .18);
    border: 1px solid #279b57;
}
.result.error {
    color: #ffe0e0;
    background: rgba(180, 35, 35, .16);
    border: 1px solid #b84949;
}
.small-note {
    margin: 20px 0 0;
    color: #929292;
    font-size: 12px;
    line-height: 1.5;
}
.copyright {
    padding: 18px 12px 22px;
    color: #777;
    background: #050505;
    font-size: 10px;
    letter-spacing: .16em;
    text-align: center;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
@media (max-width: 600px) {
    .verify-section { padding: 24px 13px 28px; }
    .verify-card { padding: 25px 17px; border-radius: 13px; }
    .intro { font-size: 13px; margin-bottom: 22px; }
    input { min-height: 56px; font-size: 17px; }
    button { min-height: 56px; font-size: 15px; }
}