.cert-hero{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 40%,#e2e8f0 100%);position:relative;overflow:hidden}.dark .cert-hero{background:linear-gradient(135deg,#0a1628 0%,#1a2744 40%,#0f1d36 100%);border-bottom:none}.cert-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#d4af370d 0%,#0000 50%),radial-gradient(60% 40% at 80% 100%,#d4af3708 0%,#0000 50%);position:absolute;inset:0}.dark .cert-hero:before{background:radial-gradient(80% 50% at 50% 0,#d4af3714 0%,#0000 50%),radial-gradient(60% 40% at 80% 100%,#d4af370d 0%,#0000 50%)}@keyframes gold-shimmer{0%,to{opacity:.5;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.cert-gold-shimmer{position:relative;overflow:hidden}.cert-gold-shimmer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d4af3726,#0000);width:50%;height:100%;animation:4s ease-in-out infinite gold-shimmer;position:absolute;top:0;left:-100%}.text-gold-gradient{background:linear-gradient(135deg,#d4af37 0%,#f4e076 25%,#d4af37 50%,#b8941e 75%,#d4af37 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cert-template-card{border:1px solid var(--border);background:var(--card);border-radius:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cert-template-card:before{content:"";-webkit-mask-composite:xor;opacity:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#d4af37,#f4e076,#d4af37);border-radius:1.25rem;padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cert-template-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px #d4af3733}.dark .cert-template-card:hover{box-shadow:0 20px 40px -15px #d4af374d}.cert-template-card:hover:before{opacity:1}.cert-preview-shadow{box-shadow:0 4px 6px -1px #0000001a,0 20px 40px -10px #d4af3726,0 0 0 1px #d4af371a}.dark .cert-preview-shadow{box-shadow:0 4px 6px -1px #0000004d,0 20px 40px -10px #d4af3733,0 0 0 1px #d4af3726}.cert-step-card{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;padding:2rem 1.5rem;transition:all .3s;position:relative}.cert-step-card:hover{border-color:#d4af374d;transform:translateY(-4px);box-shadow:0 12px 24px -8px #d4af371f}@keyframes cert-float-1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}}@keyframes cert-float-2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-2deg)}}@keyframes cert-float-3{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.05)}}.cert-float-1{animation:5s ease-in-out infinite cert-float-1}.cert-float-2{animation:4s ease-in-out .5s infinite cert-float-2}.cert-float-3{animation:6s ease-in-out 1s infinite cert-float-3}.cert-btn-gold{color:#1a1a2e;background:linear-gradient(135deg,#d4af37 0%,#f4e076 50%,#d4af37 100%);border:none;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.cert-btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #d4af3766}.cert-btn-gold:active{transform:translateY(0)}.cert-feature-icon{background:linear-gradient(135deg,#d4af371a,#f4e0760d);border:1px solid #d4af3733;border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;transition:all .3s;display:inline-flex}.cert-feature-icon:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 4px 12px #d4af3733}.certificate-canvas{aspect-ratio:1.414;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.certificate-canvas img{object-fit:cover;width:100%;height:100%}.certificate-text-overlay{text-align:center;white-space:nowrap;pointer-events:none;position:absolute}.cert-divider-gold{background:linear-gradient(90deg,#0000,#d4af37,#0000);width:120px;height:2px;margin:0 auto}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.cert-sparkle{background:#f4e076;border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite sparkle;position:absolute}