*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}
.ar{direction:rtl}
body.invalid{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:#0d1117;color:#e6edf3}
body.invalid .card{max-width:520px;margin:24px;padding:40px;background:#161b22;
border:1px solid #30363d;border-radius:16px;text-align:center}
body.invalid .x{font-size:56px;color:#f85149}
body.invalid h1{font-size:22px;margin:12px 0}
body.invalid p{color:#8b949e;line-height:1.7}
body.certpage{--gold:#c9a227;--ink:#1c2733;--line:#d8dee6;
font-family:Georgia,'Times New Roman',serif;background:#eef1f5;color:var(--ink);padding:24px}
.cert{max-width:760px;width:100%;background:#fff;border:2px solid var(--gold);border-radius:8px;
padding:48px 56px;position:relative;box-shadow:0 12px 40px rgba(28,39,51,.18)}
.cert:before{content:'';position:absolute;inset:10px;border:1px solid var(--line);border-radius:4px;pointer-events:none}
.brand{text-align:center;letter-spacing:4px;font-size:13px;color:#6a7686;text-transform:uppercase}
.certpage h1{text-align:center;font-size:30px;margin:10px 0 2px;color:var(--ink)}
.ar-title{text-align:center;font-size:20px;color:var(--gold);direction:rtl;margin-bottom:24px}
.small-label{text-align:center;font-family:'Segoe UI',Tahoma,sans-serif;color:#6a7686;font-size:14px}
.holder{text-align:center;font-size:34px;margin:18px 0 4px;font-style:italic}
.course{text-align:center;font-size:19px;color:#3a4757;margin-bottom:26px}
.meta{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;font-family:'Segoe UI',Tahoma,sans-serif}
.row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}
.k{color:#6a7686}.v{font-weight:600}
.badge{display:flex;align-items:center;gap:8px;justify-content:center;margin:18px 0 0;
font-family:'Segoe UI',Tahoma,sans-serif;font-size:14px;color:#1a7f37;font-weight:700}
.badge .dot{width:10px;height:10px;border-radius:50%;background:#1a7f37}
.foot{margin-top:20px;font-size:12px;color:#6a7686;text-align:center;font-family:'Segoe UI',Tahoma,sans-serif}
.letter{font-size:16px;line-height:1.9;margin-top:8px}
.printhint{position:fixed;top:14px;right:14px;font-family:'Segoe UI',Tahoma,sans-serif;padding:9px 14px;
border-radius:8px;border:1px solid var(--line);background:#fff;font-size:12.5px;color:#3a4757;
box-shadow:0 2px 8px rgba(28,39,51,.12)}
.certpage h1,.holder,.course,.v{overflow-wrap:anywhere}
@media (max-width:560px){
body.certpage{padding:10px;align-items:flex-start}
.cert{padding:26px 18px;box-shadow:0 6px 20px rgba(28,39,51,.14)}
.cert:before{inset:5px}
.brand{letter-spacing:1.5px;font-size:11px}
.certpage h1{font-size:clamp(1.45rem,7vw,1.9rem);line-height:1.2}
.ar-title{font-size:18px;margin-bottom:16px}
.holder{font-size:clamp(1.5rem,7.5vw,2.1rem)}
.course{font-size:17px}
.letter{font-size:15.5px;line-height:1.6}
.row{gap:12px}.k{flex-shrink:0}.v{text-align:right}
.printhint{display:none}
}
@media print{.printhint{display:none}body.certpage{background:#fff;padding:0}.cert{box-shadow:none;max-width:none;border-radius:0}}