:root { --ink:#16182b; --muted:#73768e; --blue:#4c5eff; --lavender:#edf0ff; --line:#e6e8f2; }
* { box-sizing:border-box; } body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 12% 8%,#dfe4ff 0,transparent 23rem),#fbfbfe; font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
.page-shell { max-width:1060px; min-height:100vh; padding:26px 36px 24px; margin:auto; } .topbar { display:flex; align-items:center; justify-content:space-between; } .brand { display:inline-flex; gap:10px; align-items:center; color:var(--ink); font:700 15px/1 monospace; text-decoration:none; letter-spacing:-.4px; } .brand-mark { display:grid; place-items:center; width:34px; height:34px; color:#fff; background:var(--blue); border-radius:10px; font-family:Arial,sans-serif; } .status { color:#377252; font-size:13px; } .status i { display:inline-block; width:8px; height:8px; background:#42bd78; border-radius:50%; }
.hero { padding:88px 0 54px; max-width:680px; } .eyebrow { color:var(--blue); font:700 12px/1.2 monospace; letter-spacing:1.3px; } h1 { margin:13px 0 17px; font-size:clamp(42px,7vw,74px); line-height:1.06; letter-spacing:-4px; } .hero-copy { max-width:480px; color:var(--muted); font-size:17px; line-height:1.8; }
.lookup-card { padding:31px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 18px 50px rgba(41,45,90,.08); } .card-heading { display:flex; gap:17px; align-items:flex-start; margin-bottom:28px; } .step { color:var(--blue); font:700 15px/1.4 monospace; } h2 { margin:0; font-size:25px; letter-spacing:-1px; } .card-heading p,.form-hint { margin:7px 0 0; color:var(--muted); font-size:14px; line-height:1.6; } label { display:block; margin-bottom:9px; font-size:14px; font-weight:700; } .input-row { display:flex; gap:10px; } input { min-width:0; flex:1; border:1px solid #d8dbea; border-radius:12px; padding:15px 16px; color:var(--ink); font:16px/1.2 inherit; outline:none; } input:focus { border-color:var(--blue); box-shadow:0 0 0 4px #edf0ff; } button { border:0; border-radius:12px; padding:0 21px; background:var(--blue); color:#fff; cursor:pointer; font:700 15px/1 inherit; } button:hover { background:#3648ee; } button span { margin-left:7px; font-size:19px; }
.result { margin-top:24px; padding:18px; border-radius:14px; } .result.success { background:#effaf4; color:#155c38; } .result.error { background:#fff4f4; color:#ad3030; } .result h3 { margin:0 0 7px; font-size:16px; } .result p { margin:0; font-size:14px; line-height:1.65; } .result a { display:inline-block; margin-top:12px; padding:10px 14px; border-radius:9px; color:#fff; background:#1b8b53; text-decoration:none; font-size:14px; font-weight:700; }
.certificate-list { display:grid; gap:10px; margin-top:14px; } .certificate-item { display:grid; grid-template-columns:1fr auto; gap:4px 14px; align-items:center; padding:13px; border:1px solid rgba(27,139,83,.22); border-radius:10px; background:rgba(255,255,255,.55); } .certificate-item strong { font-size:15px; } .certificate-item span { color:inherit; opacity:.8; font-size:12px; } .certificate-item a { grid-row:1 / span 2; grid-column:2; margin:0; white-space:nowrap; }
.how-it-works { padding:86px 0 58px; } .how-it-works h2 { margin-top:12px; font-size:35px; } .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:27px; } .steps article { min-height:170px; padding:20px; border-radius:18px; background:#f3f5ff; } .steps span { color:var(--blue); font:bold 13px monospace; } .steps h3 { margin:26px 0 8px; font-size:18px; } .steps p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; } footer { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:20px; color:var(--muted); font-size:12px; }
@media (max-width:640px) { .page-shell { padding:20px; } .status { display:none; } .hero { padding:58px 0 40px; } h1 { letter-spacing:-2.5px; } .lookup-card { padding:22px; } .input-row { display:block; } button { width:100%; height:51px; margin-top:10px; } .steps { grid-template-columns:1fr; } footer { display:block; } footer span { display:block; margin-bottom:7px; } }

/* AI Night identity refresh */
:root { --ink:#fff; --muted:#a5a5bb; --blue:#4e4bff; --lavender:#171725; --line:rgba(255,255,255,.14); }
body { background:#050505; color:var(--ink); background-image:radial-gradient(circle at 82% 9%,rgba(78,75,255,.25),transparent 22rem),radial-gradient(circle at 0 50%,rgba(78,75,255,.12),transparent 27rem); }
.page-shell { max-width:1100px; } .topbar { padding-bottom:21px; border-bottom:1px solid var(--line); }
.brand { gap:12px; color:#fff; font:700 11px/1.25 monospace; letter-spacing:.7px; } .brand-logo { width:47px; height:47px; object-fit:contain; } .brand-copy b { color:#8886ff; font-weight:700; } .brand-mark { display:none; }
.status { color:#d4d3ff; } .status i { box-shadow:0 0 14px #42bd78; }
.hero { max-width:none; padding:76px 0 54px; } .hero-grid { display:grid; grid-template-columns:1fr 255px; gap:42px; align-items:center; } .hero-logo { width:220px; justify-self:end; filter:drop-shadow(0 0 32px rgba(78,75,255,.25)); }
.eyebrow { color:#9694ff; } h1 { color:#fff; text-transform:uppercase; font-family:Arial,"PingFang SC",sans-serif; font-weight:800; letter-spacing:-4.8px; } .hero-copy { color:#c3c3d2; }
.lookup-card { position:relative; overflow:hidden; border-color:rgba(125,122,255,.55); background:linear-gradient(135deg,rgba(29,29,46,.96),rgba(9,9,13,.98)); box-shadow:0 25px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1); } .lookup-card::after { content:""; position:absolute; width:240px; height:240px; right:-75px; top:-175px; border:1px solid rgba(115,112,255,.4); border-radius:50%; box-shadow:0 0 0 35px rgba(115,112,255,.06),0 0 0 70px rgba(115,112,255,.04); }
.card-heading,.lookup-card form,.result { position:relative; z-index:1; } .step { color:#9492ff; } .card-heading p,.form-hint { color:#b0afc4; } label { color:#fff; } input { border-color:rgba(255,255,255,.2); color:#fff; background:#10101b; } input::placeholder { color:#76768c; } input:focus { border-color:#7774ff; box-shadow:0 0 0 4px rgba(78,75,255,.18); } button { background:#514eff; box-shadow:0 10px 22px rgba(78,75,255,.25); } button:hover { background:#6967ff; }
.how-it-works { padding-top:80px; } .how-it-works h2 { color:#fff; } .steps article { background:#101015; border:1px solid var(--line); } .steps span { color:#8d8aff; } .steps h3 { color:#fff; } .steps p { color:#aaaabd; } footer { color:#8f8fa4; }
.lookup-card { max-width:760px; margin-inline:auto; padding:34px; } .lookup-card form { max-width:650px; } .input-row { max-width:650px; } .input-row button { flex:0 0 145px; min-height:52px; } input { min-height:52px; }
@media (max-width:640px) { body { background-image:radial-gradient(circle at 100% 0,rgba(78,75,255,.24),transparent 16rem); } .page-shell { padding:16px; } .topbar { padding-bottom:16px; } .brand-logo { width:40px; height:40px; } .brand-copy { font-size:10px; } .hero { padding:46px 0 30px; } .hero-grid { grid-template-columns:1fr; } .hero-logo { display:none; } .eyebrow { font-size:11px; } h1 { margin:10px 0 13px; font-size:45px; line-height:1.04; letter-spacing:-3.2px; } .hero-copy { margin:0; font-size:15px; line-height:1.7; } .lookup-card { padding:23px 20px 20px; border-radius:19px; } .card-heading { gap:12px; margin-bottom:22px; } .card-heading h2 { font-size:22px; } .card-heading p { font-size:13px; } .input-row { display:grid; gap:10px; } input { width:100%; min-height:54px; padding:16px; font-size:16px; } .input-row button { width:100%; min-height:54px; margin:0; } .form-hint { margin-top:11px; font-size:12px; } .result { padding:15px; } .how-it-works { padding:58px 0 37px; } .how-it-works h2 { font-size:28px; } .steps { gap:10px; margin-top:21px; } .steps article { min-height:0; padding:18px; } .steps h3 { margin:16px 0 6px; } footer { padding-top:16px; font-size:11px; } }