:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f4f5f4; color: #18231d; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
.shell { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; background: radial-gradient(circle at 12% 10%, #e4ede7 0, transparent 33%), #f4f5f4; }
.verification-card { width: min(100%, 680px); padding: clamp(28px, 6vw, 52px); border: 1px solid #d7ded9; border-radius: 20px; background: #fff; box-shadow: 0 20px 60px rgba(24, 35, 29, .09); }
.eyebrow { margin: 0 0 14px; color: #526a5a; font-size: .76rem; font-weight: 800; letter-spacing: .12em; }
h1 { margin: 0; font-size: clamp(2rem, 6vw, 3.25rem); line-height: 1.04; letter-spacing: -.055em; }
.intro { max-width: 52ch; margin: 18px 0 32px; color: #4a554e; font-size: 1.04rem; line-height: 1.6; }
label { display: block; margin-bottom: 9px; font-weight: 750; font-size: .93rem; }
.form-row { display: flex; gap: 10px; }
input { min-width: 0; flex: 1; border: 1px solid #b8c5bd; border-radius: 10px; padding: 14px 15px; background: #fff; color: inherit; font: inherit; }
input:focus { outline: 3px solid #b9dbc4; outline-offset: 1px; border-color: #407251; }
button { border: 0; border-radius: 10px; padding: 14px 18px; background: #1e5130; color: #fff; cursor: pointer; font: inherit; font-weight: 800; white-space: nowrap; }
button:hover { background: #163d24; } button:disabled { cursor: wait; opacity: .68; }
.hint, .safety-note { color: #66716a; font-size: .85rem; line-height: 1.5; }
.hint { margin: 10px 0 0; }.safety-note { margin: 28px 0 0; padding-top: 20px; border-top: 1px solid #e2e8e4; }
.result { margin-top: 22px; border-radius: 12px; padding: 18px; line-height: 1.5; }.result.verified { background: #e9f6ed; border: 1px solid #a6dcb4; }.result.not-found, .result.error { background: #fff5e5; border: 1px solid #efcf91; }
.result h2 { margin: 0 0 5px; font-size: 1.05rem; }.result p { margin: 4px 0 0; }.result .detail { color: #4a554e; font-size: .9rem; }
@media (max-width: 560px) { .form-row { flex-direction: column; } button { width: 100%; } }