:root{--navy:#0b1f3a;--gold:#c8a34d;--light:#f5f7fb;--text:#1a2433}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 20px}.top{background:var(--navy);color:#fff;padding:18px 0}.brand{font-weight:800;letter-spacing:1px}.hero{padding:70px 0;background:linear-gradient(135deg,#0b1f3a,#143d6b);color:white}.hero h1{font-size:42px;max-width:800px;margin:0 0 16px}.hero p{font-size:20px;max-width:760px}.btn{display:inline-block;background:var(--gold);color:#111;padding:13px 20px;border-radius:8px;font-weight:700;border:0;cursor:pointer}.btn.alt{background:#fff}.section{padding:44px 0}.card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 3px 18px rgba(0,0,0,.08);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.field{margin-bottom:14px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #ccd3dd;border-radius:7px}.muted{color:#667}.status{padding:6px 10px;border-radius:30px;background:#e7eef7;display:inline-block}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:10px;border-bottom:1px solid #e7e7e7;text-align:left}.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{color:white}.credential{width:86mm;min-height:54mm;background:white;border:2px solid var(--gold);border-radius:10px;padding:10px;display:grid;grid-template-columns:70px 1fr;gap:10px}.credential img{width:65px;height:82px;object-fit:cover;border-radius:6px}.qrbox{margin-top:10px}.small{font-size:12px}@media(max-width:700px){.hero h1{font-size:30px}}
