.certificate-panel{max-width:1180px;margin:1.4rem auto 2.5rem;padding:clamp(1.1rem,3vw,2.2rem);display:grid;grid-template-columns:minmax(16rem,.65fr) minmax(32rem,1.35fr);align-items:center;gap:clamp(1.2rem,4vw,3rem);border:1px solid #d7dde5;border-radius:1.4rem;background:#f9f9fb;box-shadow:0 18px 50px #1e293b12}.certificate-panel h2{margin:.3rem 0 .55rem;color:#1e293b;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.5rem)}.certificate-copy>p{color:#586578;line-height:1.55}.certificate-lock{display:flex;align-items:center;gap:.65rem;width:max-content;margin-top:1rem;padding:.65rem .85rem;border:1px solid #d1d8e1;border-radius:.65rem;background:#fff;color:#6b7280}.certificate-form{margin-top:1rem}.certificate-form>label{display:block;margin-bottom:.4rem;color:#1e293b;font-size:.82rem;font-weight:800}.certificate-form>div{display:flex;gap:.55rem}.certificate-form input{flex:1;min-width:0;padding:.75rem;border:1px solid #aeb8c6;border-radius:.6rem;background:#fff;font:inherit}.certificate-form input:focus{outline:3px solid #d4af3750;border-color:#9c7d1d}.certificate-form>p{min-height:1.2em;color:#9b4d22;font-size:.78rem;font-weight:700}.certificate-preview{position:relative;min-height:25rem;padding:1.5rem 1.7rem;overflow:hidden;border:1px solid #d4af37;outline:5px double #d4af37;outline-offset:-12px;background:#f9f9fb;color:#1e293b;box-shadow:0 15px 35px #1e293b1a}.certificate-preview:before,.certificate-preview:after{position:absolute;content:"";width:9rem;height:9rem;border:1px solid #d4af37;transform:rotate(45deg)}.certificate-preview:before{top:-6rem;left:-6rem}.certificate-preview:after{right:-6rem;bottom:-6rem}.certificate-preview header{display:flex;align-items:center;gap:.7rem}.certificate-preview header div{display:grid}.certificate-preview header b{font-size:.75rem;letter-spacing:.15em}.certificate-preview header small{color:#758093;font-size:.6rem}.certificate-logo{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid #d4af37;border-radius:50%;font-family:Georgia,serif;font-weight:700}.certificate-rule{height:1px;margin:1rem 0;background:linear-gradient(90deg,#d4af37,transparent)}.certificate-kicker{margin:1.8rem 0 .7rem;color:#a18122;font-size:.65rem;font-weight:900;letter-spacing:.22em;text-align:center}.certificate-preview h3{margin:.3rem auto .8rem;overflow:hidden;color:#1e293b;font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:400;text-align:center;text-overflow:ellipsis;white-space:nowrap}.certificate-award{max-width:38rem;margin:0 auto;color:#586578;font-size:.78rem;line-height:1.6;text-align:center}.certificate-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 1rem 1.2rem}.certificate-details span{display:grid;padding-top:.5rem;border-top:1px solid #1e293b}.certificate-details i,.certificate-details small{color:#818b9b;font-size:.55rem;font-style:normal;letter-spacing:.1em}.certificate-details b{font-family:Georgia,serif;font-size:.75rem}.certificate-preview footer{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:end;padding-top:.8rem;border-top:1px solid #e2d6a9}.certificate-preview footer>div:first-child{display:grid}.certificate-preview footer small{font-size:.5rem;letter-spacing:.08em}.certificate-preview footer b{font-size:.65rem}.certificate-preview footer ul{display:flex;gap:.8rem;justify-content:center;margin:0;padding:0;list-style:none;color:#586578;font-size:.52rem}.certificate-qr{display:grid!important;place-items:center;width:2.7rem;height:2.7rem;border:2px dotted #1e293b;font-size:.65rem;font-weight:900}.certificate-panel.locked .certificate-preview{filter:grayscale(.35);opacity:.82}.certificate-panel.locked .certificate-preview:after{content:"LOCKED";display:grid;place-items:center;right:1rem;bottom:1rem;width:5rem;height:2rem;border:1px solid #1e293b;background:#f9f9fb;font-size:.6rem;font-weight:900;letter-spacing:.12em;transform:none}@media(max-width:880px){.certificate-panel{grid-template-columns:1fr}.certificate-preview{min-height:23rem}}@media(max-width:560px){.certificate-form>div{flex-direction:column}.certificate-preview{min-height:27rem;padding:1.3rem}.certificate-details{grid-template-columns:1fr;gap:1rem}.certificate-preview footer{grid-template-columns:1fr auto}.certificate-preview footer ul{grid-column:1/-1;grid-row:1;flex-wrap:wrap;justify-content:flex-start}.certificate-preview h3{white-space:normal}}