.mycert-page{flex-direction:column;max-width:1100px;min-height:80vh;margin:0 auto;padding:60px 20px 80px;display:flex}.mycert-body{flex-direction:column;flex:1;justify-content:center;display:flex}.mycert-title{text-align:center;letter-spacing:2px;color:#ffd93d;text-shadow:0 0 18px #ffd93d73,0 2px 6px #0006;white-space:nowrap;margin-bottom:50px;font-size:clamp(1.5rem,6vw,3.6rem);font-weight:800;animation:.8s both mycert-fade}.mycert-title span{animation:.5s both mycert-drop;display:inline-block}@keyframes mycert-fade{0%{opacity:0}to{opacity:1}}@keyframes mycert-drop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mycert-title,.mycert-title span{opacity:1;animation:none;transform:none}}.mycert-msg{text-align:center;color:#a8b0c8;padding:40px 0;font-size:1.1rem}.mycert-empty{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;max-width:560px;margin:0 auto;padding:48px 32px}.mycert-empty-icon{margin-bottom:18px;font-size:3.4rem}.mycert-empty-text{color:#cdd3e0;margin-bottom:28px;font-size:1.08rem;line-height:1.7}.mycert-empty-text strong{color:#fff}.mycert-empty-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.mycert-cta{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff4d4d);border-radius:999px;padding:12px 26px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.mycert-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff4d4d59}.mycert-cta.ghost{color:#e8eaf0;background:0 0;border:1px solid #ffffff40}.mycert-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));justify-items:center;gap:36px;display:grid}.mycert-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:560px;padding:20px;transition:transform .18s,box-shadow .18s}.mycert-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00000059}.mycert-preview{background:#fff;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000004d}.mycert-preview .cert-card{transform-origin:0 0;position:absolute;top:0;left:0}.mycert-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:16px 4px 14px;display:flex}.mycert-caption-name{color:#fff;font-size:1.1rem;font-weight:700}.mycert-caption-date{color:#a8b0c8;font-size:.9rem}.mycert-actions{gap:12px;display:flex}.cert-card{background:#fff;border:1px solid #e5e7eb;flex-direction:column;width:1056px;min-height:748px;padding:56px 64px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 32px #0000001f}.cert-card:before{content:"";background:linear-gradient(180deg, var(--cert-accent), var(--cert-accent-b));width:6px;position:absolute;top:0;bottom:0;left:0}.cert-meta{text-align:right;position:absolute;top:40px;right:56px}.cert-meta p{color:#9ca3af;font-size:.72rem;line-height:1.8}.cert-meta strong{color:#6b7280;font-weight:600}.cert-logo{align-items:center;gap:10px;margin-bottom:60px;display:flex}.cert-logo-icon{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.cert-logo-name{color:#111827;letter-spacing:.5px;font-family:Ojuju,cursive;font-size:1.4rem;font-weight:800}.cert-label{letter-spacing:.15em;text-transform:uppercase;color:#6b7280;margin-bottom:16px;font-size:.78rem;font-weight:700}.cert-course-name{letter-spacing:-.03em;color:#111827;overflow-wrap:break-word;max-width:680px;margin-bottom:20px;font-size:2.6rem;font-weight:900;line-height:1.15}.cert-instructor{color:#6b7280;font-size:.95rem}.cert-instructor strong{color:#374151;font-weight:700}.cert-spacer{flex:1}.cert-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:flex-end;margin-top:28px;padding-top:28px;display:flex}.cert-student-name{letter-spacing:-.02em;color:#111827;margin-bottom:12px;font-size:2rem;font-weight:900}.cert-detail{color:#6b7280;font-size:.85rem;line-height:2}.cert-detail strong{color:#374151;font-weight:700}.cert-sign{text-align:right}.cert-sign-line{background:#d1d5db;width:180px;height:1px;margin-bottom:8px;margin-left:auto}.cert-sign-name{color:#374151;font-size:.85rem;font-weight:700}.cert-sign-title{color:#9ca3af;margin-top:2px;font-size:.75rem}.cert-seal{letter-spacing:.05em;text-transform:uppercase;color:#6b7280;text-align:center;background:#f9fafb;border:3px solid #e5e7eb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 12px;font-size:.45rem;font-weight:700;line-height:1.6;display:flex}.cert-seal-icon{margin-bottom:2px;font-size:1.2rem}@media (max-width:600px){.mycert-grid{grid-template-columns:1fr}.mycert-card{max-width:100%}}.cert-dl-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s,opacity .2s;display:inline-flex}.cert-dl-btn:hover:not(:disabled){background:#1f2937;transform:translateY(-1px)}.cert-dl-btn:disabled{opacity:.6;cursor:not-allowed}.cert-pdf-btn{background:var(--cert-accent);color:var(--cert-accent-text)}.cert-pdf-btn:hover:not(:disabled){background:var(--cert-accent-b)}.cert-dl-btn svg{stroke:currentColor;stroke-width:2.5px;fill:none;width:16px;height:16px}.mycert-loading{min-height:200px}@media (max-width:480px){.mycert-title{letter-spacing:1px}.mycert-empty{padding:32px 20px}.mycert-empty-text{font-size:1rem;line-height:1.65}}