:root{--navy:#05142f;--navy2:#0a2347;--blue:#0f3565;--gold:#e8b646;--gold2:#ffd77c;--white:#fff;--muted:#aab9cf;--green:#39d98a;--red:#ff6b7a;--card:rgba(8,29,58,.78);--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#fff;font-family:Montserrat,Arial,sans-serif;background:radial-gradient(circle at 14% 3%,#174c84 0,transparent 30%),radial-gradient(circle at 90% 85%,#12375f 0,transparent 28%),linear-gradient(155deg,#031027,#071b38 50%,#04132b);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px}.page-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.2}.glow-a{width:420px;height:420px;background:#e7ae2e;right:-180px;top:140px}.glow-b{width:420px;height:420px;background:#1674c6;left:-210px;bottom:20px}
.site-header{width:min(1320px,calc(100% - 40px));margin:auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#ffd879,#c98b16);color:#081a38;font-weight:900;box-shadow:0 14px 34px rgba(0,0,0,.28)}.brand strong,.brand small{display:block}.brand strong{font-size:20px;letter-spacing:.06em}.brand small{font-size:10px;color:var(--gold2);letter-spacing:.18em;margin-top:3px}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{color:#c9d4e4;text-decoration:none;font-size:13px;font-weight:700}.site-header nav a:hover{color:#fff}.admin-link{padding:11px 16px;border:1px solid rgba(255,215,124,.32);border-radius:12px}
main{width:min(1320px,calc(100% - 40px));margin:20px auto 80px;position:relative;z-index:2}.hero{min-height:550px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px}.eyebrow,.panel-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--gold2)}h1{font-family:"Playfair Display",serif;font-size:clamp(48px,6vw,82px);line-height:1.01;letter-spacing:-.04em;margin:18px 0 25px;max-width:800px}h1 span{color:var(--gold2)}.hero-copy>p{max-width:700px;color:#c3cede;line-height:1.8;font-size:16px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#b9c8da;font-size:12px}.trust-row span{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}
.search-panel{padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(17,54,93,.86),rgba(5,21,47,.84));box-shadow:0 35px 90px rgba(0,0,0,.34);backdrop-filter:blur(20px)}.search-panel label{display:block;margin:11px 0 13px;font-size:15px;font-weight:800}.search-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:#fff;border-radius:17px;padding:6px;box-shadow:0 12px 34px rgba(0,0,0,.22)}.search-icon{color:#61738c;font-size:25px;padding:0 8px 0 10px}.search-row input{min-width:0;border:0;outline:0;color:#10213b;font:600 14px Montserrat;padding:15px 4px;background:transparent}.search-row button,.primary-button,.secondary-button{border:0;border-radius:13px;font:800 13px Montserrat;cursor:pointer;transition:.2s}.search-row button{padding:15px 19px;background:linear-gradient(135deg,#f0c55f,#d79620);color:#0b1d38}.search-row button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(230,174,46,.25)}.privacy-note{margin:13px 0 0;color:#9fb0c5;font-size:11px;line-height:1.5}
.hidden{display:none!important}.status-area{min-height:12px}.message{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.055);color:#dce8f8}.message.success{border-color:rgba(57,217,138,.38);background:rgba(57,217,138,.09);color:#9cf3c3}.message.error{border-color:rgba(255,107,122,.4);background:rgba(255,107,122,.09);color:#ffc0c7}.results-section,.certificate-section{margin-top:34px;scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2{margin:7px 0 0;font-size:32px}.result-count{font-size:12px;color:var(--muted)}.result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result-card{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#fff;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(14,46,80,.82),rgba(5,22,49,.82));cursor:pointer;transition:.2s}.result-card:hover{transform:translateY(-3px);border-color:rgba(255,215,124,.45)}.result-main{display:flex;align-items:center;gap:15px}.number-disc{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(232,182,70,.13);color:var(--gold2);font-weight:900}.result-card h3{margin:0 0 5px;font-size:15px}.result-card p{margin:0 0 6px;color:#aebdd0;font-size:11px}.mini-state{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.07em}.mini-state.ok{color:#68eaa7}.mini-state.wait{color:#ffd77c}.arrow{font-size:24px;color:var(--gold2)}
.certificate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:17px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(14,47,82,.84),rgba(6,23,50,.86));box-shadow:0 20px 55px rgba(0,0,0,.22)}.record-summary h2{margin:10px 0 5px;font-size:25px}.record-summary p,.record-summary small{display:block;margin:0;color:#aebed2;font-size:12px}.record-summary small{margin-top:7px}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.1em}.badge.verified{color:#81f1b6;background:rgba(57,217,138,.11);border:1px solid rgba(57,217,138,.35)}.badge.pending{color:#ffdc87;background:rgba(232,182,70,.11);border:1px solid rgba(232,182,70,.35)}.toolbar-actions{display:flex;gap:10px}.primary-button,.secondary-button{padding:14px 18px}.primary-button{background:linear-gradient(135deg,#f0c65f,#d79620);color:#0a1b36}.secondary-button{color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--line)}.secondary-button:disabled{opacity:.62;cursor:not-allowed}.canvas-shell{padding:11px;border-radius:25px;background:linear-gradient(145deg,#e3b74c,rgba(255,255,255,.2));box-shadow:0 36px 100px rgba(0,0,0,.42)}canvas{display:block;width:100%;height:auto;border-radius:17px;background:#eee}.certificate-foot{display:flex;justify-content:space-between;gap:18px;margin-top:16px;color:#aab9cb;font-size:11px;padding:0 5px}footer{width:min(1320px,calc(100% - 40px));margin:0 auto 28px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8295ad;font-size:11px}
@media(max-width:930px){.hero{grid-template-columns:1fr;gap:30px;padding:45px 0}.site-header nav a:not(.admin-link){display:none}.result-list{grid-template-columns:1fr}.certificate-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}}
@media(max-width:620px){.site-header,main,footer{width:calc(100% - 24px)}.brand strong{font-size:15px}.brand small{font-size:8px}.brand-mark{width:46px;height:46px}.admin-link{padding:9px 11px!important;font-size:11px!important}.hero{min-height:auto;padding:34px 0}.hero h1{font-size:44px}.trust-row{gap:8px}.search-panel{padding:19px;border-radius:21px}.search-row{grid-template-columns:auto 1fr}.search-row button{grid-column:1/-1;width:100%;margin-top:5px}.certificate-toolbar{padding:17px}.toolbar-actions{flex-direction:column}.certificate-foot,footer{flex-direction:column}.canvas-shell{padding:5px;border-radius:14px}canvas{border-radius:10px}}
@media print{body{background:#fff}.site-header,.hero,.status-area,.results-section,.certificate-toolbar,.certificate-foot,footer{display:none!important}.certificate-section{display:block!important;margin:0}.canvas-shell{padding:0;box-shadow:none;background:none}main{width:100%;margin:0}canvas{border-radius:0}}
