:root{--color-bg:#fafaf9;--color-card:#fff;--color-ink:#0a0a0a;--color-muted:#6b6b6b;--color-border:#e8e6e1;--color-accent:#1a1a1a;--color-accent-soft:#f4f1ec;--color-success:#16a34a;--color-gold:#b0872f;--color-gold-soft:#f3ead2;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-script:"Dancing Script", "Cormorant Garamond", cursive;--radius:12px;--shadow:0 1px 2px #0000000a, 0 4px 20px #0000000a}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.page{max-width:720px;margin:0 auto;padding:48px 24px 96px}.brand{letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:40px;font-size:18px;font-weight:700;display:flex}.brand-logo{width:auto;height:30px;display:block}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 48px 40px}.diploma{background:radial-gradient(120% 80% at 50% -10%, var(--color-gold-soft) 0%, transparent 45%), var(--color-card);padding:56px 56px 44px;position:relative}.card-frame{border:1px solid var(--color-gold);opacity:.4;pointer-events:none;border-radius:6px;position:absolute;inset:14px}.seal{opacity:.95;mix-blend-mode:multiply;width:118px;height:118px;position:absolute;top:32px;right:32px;transform:rotate(-8deg)}.seal-text{font-family:var(--font-sans);letter-spacing:.12em;font-size:11px;font-weight:700}.confers{color:var(--color-muted);margin:0 0 6px;font-size:14px}.signature{flex-direction:column;gap:2px;max-width:320px;margin:0 0 36px;display:flex}.signature-name{font-family:var(--font-script);color:var(--color-ink);font-size:40px;line-height:1}.signature-line{background:var(--color-border);height:1px;margin:6px 0 8px}.signature-title{color:var(--color-muted);font-size:12px}#confetti{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;inset:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin:0 0 12px;font-size:12px;font-weight:600}.recipient{font-family:var(--font-serif);letter-spacing:-.02em;margin:0 0 24px;font-size:42px;font-weight:600;line-height:1.1}.diploma-title{color:var(--color-ink);max-width:540px;margin:0 0 36px;font-size:17px;font-weight:500}.diploma-title strong{font-weight:700}.meta{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:20px;margin:0 0 36px;padding:20px 0;display:grid}.meta-row{flex-direction:column;gap:4px;display:flex}.meta-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:11px;font-weight:600}.meta-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.skills{margin:0 0 40px}.skills-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0 0 16px;font-size:13px;font-weight:600}.skills-list{grid-template-columns:1fr 1fr;gap:10px 24px;margin:0;padding:0;list-style:none;display:grid}.skills-list li{align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.skills-list svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-ink);border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:var(--color-accent-soft);border-color:var(--color-ink)}.btn-primary{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.btn-primary:hover{color:#fff;background:#2a2a2a}.verification{background:var(--color-accent-soft);color:var(--color-muted);border-radius:8px;align-items:center;gap:10px;margin-top:32px;padding:14px 18px;font-size:13px;display:flex}.verification svg{color:var(--color-success);flex-shrink:0}.footer{text-align:center;color:var(--color-muted);margin-top:40px;font-size:13px}.footer a{text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border)}.footer-cta{color:var(--color-ink);margin-top:8px;font-weight:600;text-decoration:none;display:inline-block}.footer-cta:hover{text-decoration:underline}.notfound{text-align:center;padding:80px 0}.notfound h1{font-family:var(--font-serif);margin:0 0 12px;font-size:36px}.notfound p{color:var(--color-muted);margin:0 0 24px}.diploma .eyebrow,.diploma .confers,.diploma .recipient{padding-right:118px}@media print{@page{size:A4 landscape;margin:9mm}html,body{background:#fff!important}#confetti,.brand,.actions,.verification,.footer{display:none!important}.page{max-width:none;margin:0;padding:0}.card{box-shadow:none;border:none}.diploma{border:3px double var(--color-gold);text-align:center;break-inside:avoid;background:#fff;border-radius:0;flex-direction:column;justify-content:center;align-items:center;min-height:184mm;padding:14mm 20mm;display:flex;position:relative}.card-frame{border-color:var(--color-gold);opacity:1;inset:4mm}.diploma .eyebrow,.diploma .confers,.diploma .recipient{padding-right:0}.eyebrow{margin-bottom:8px}.confers{margin-bottom:4px;font-size:15px}.recipient{margin:0 0 16px;font-size:56px}.diploma-title{text-align:center;max-width:660px;margin:0 auto 20px}.meta{grid-template-columns:auto auto;justify-content:center;gap:56px;max-width:none;margin:0 auto 20px;padding:12px 0;display:inline-grid}.meta-row{align-items:center}.skills{text-align:center;margin:0 auto 22px}.skills-title{text-align:center}.skills-list{text-align:left;grid-template-columns:1fr 1fr 1fr;gap:8px 32px;display:inline-grid}.signature{text-align:center;align-items:center;margin:4px auto 0}.signature-line{width:220px}.seal{mix-blend-mode:multiply;width:112px;height:112px;position:absolute;top:12mm;right:16mm}}@media (width<=600px){.page{padding:24px 16px 64px}.card{padding:28px 24px}.diploma{padding:32px 24px 28px}.recipient{font-size:32px}.diploma .eyebrow,.diploma .confers,.diploma .recipient{padding-right:0}.seal{width:72px;height:72px;top:20px;right:18px}.seal-text{font-size:14px}.meta,.skills-list{grid-template-columns:1fr}.actions{flex-direction:column}.actions .btn{justify-content:center;width:100%}}