:root{
  --hdds-dark:#102b3a;
  --hdds-mid:#174456;
  --hdds-accent:#00b7d8;
  --hdds-bg:#f4f7fa;
  --hdds-text:#112332;
  --hdds-muted:#5d6975;
  --hdds-line:#dbe4ea;
  --hdds-card:#ffffff;
  --hdds-shadow:0 14px 34px rgba(16,43,58,.10);
}
body{background:var(--hdds-bg)}
.hdds-wrap{max-width:980px;margin:40px auto;font-family:Arial,sans-serif;color:var(--hdds-text)}
.hdds-hero{background:linear-gradient(135deg,var(--hdds-dark) 0%, var(--hdds-mid) 60%, #0f687d 100%);color:#fff;padding:28px;border-radius:18px;box-shadow:var(--hdds-shadow);margin-bottom:22px}
.hdds-brand{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8aeaf7;margin-bottom:6px}
.hdds-sub{font-size:14px;color:rgba(255,255,255,.84);margin-bottom:8px}
.hdds-hero h2{margin:0 0 10px;font-size:34px;line-height:1.1}
.hdds-lead{margin:0;line-height:1.7;max-width:70ch;color:rgba(255,255,255,.9)}
.hdds-card{background:var(--hdds-card);border:1px solid var(--hdds-line);border-radius:18px;padding:22px;margin:18px 0;box-shadow:var(--hdds-shadow)}
.hdds-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.hdds-card h3{margin:0 0 6px;font-size:24px}
.hdds-meta{color:var(--hdds-muted);font-size:14px}
.hdds-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eef8fb;border:1px solid #b7ebf3;color:#0b5566;font-weight:700;font-size:13px}
.hdds-progress{height:12px;background:#e9eef2;border-radius:999px;overflow:hidden}
.hdds-progress div{height:100%;background:linear-gradient(90deg,var(--hdds-accent), var(--hdds-dark))}
.hdds-progress-label{color:var(--hdds-muted);font-size:14px;margin:10px 0 0}
.hdds-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.hdds-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,var(--hdds-accent),#069bb6);color:#fff;text-decoration:none;border:none;font-weight:700;cursor:pointer}
.hdds-auth-shell{max-width:480px;margin:40px auto}
.hdds-auth-card{background:#fff;border:1px solid var(--hdds-line);border-radius:18px;padding:28px;box-shadow:var(--hdds-shadow);font-family:Arial,sans-serif}
.hdds-auth-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0f687d;margin-bottom:8px}
.hdds-auth-card input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px}
.hdds-notice{margin:0 0 16px;padding:12px 14px;border-radius:12px}
.hdds-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.hdds-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
.hdds-content{color:#334455;line-height:1.75}

.hdds-certificate-wrap{max-width:980px;margin:20px auto}
.hdds-certificate{background:#fff;border:8px solid #15394a;border-radius:10px;padding:40px;box-shadow:0 18px 42px rgba(16,43,58,.14)}
.hdds-cert-topline{text-transform:uppercase;letter-spacing:.12em;color:#2f5363;font-size:12px;font-weight:700}
.hdds-certificate h1{margin:18px 0 10px;font-size:34px;line-height:1.2;color:#17384a}
.hdds-cert-sub{font-size:18px;color:#55707d;margin-bottom:24px}
.hdds-cert-text{font-size:18px;line-height:1.7;color:#334455}
.hdds-cert-name{font-size:30px;font-weight:700;color:#102b3a;margin:28px 0 14px}
.hdds-cert-course{font-size:24px;color:#0f687d;margin-bottom:24px}
.hdds-cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}
.hdds-cert-grid div{padding:16px;border:1px solid var(--hdds-line);border-radius:12px;background:#fbfdfe}
.hdds-cert-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:40px}
.hdds-signature{line-height:1.8;color:#233746}
.hdds-qr-box{text-align:center}
.hdds-qr-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5d6975;margin-bottom:10px}
.hdds-qr-placeholder{width:112px;height:112px;border:2px solid #183f50;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#183f50;background:linear-gradient(45deg,#f2f7f9 25%,#ffffff 25%,#ffffff 50%,#f2f7f9 50%,#f2f7f9 75%,#ffffff 75%,#ffffff 100%);background-size:16px 16px}
@media print{.hdds-actions,.site-header,.site-footer,header,footer,nav{display:none !important}.hdds-wrap{max-width:none;margin:0}.hdds-certificate-wrap{margin:0}.hdds-certificate{box-shadow:none;border-width:6px}}