@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");body,html{background-color:#050508!important;margin:0!important;min-height:100vh;padding:0!important;width:100%}#footer,.footer-container,.footer-container-wrapper,.hs-footer-wrapper{display:none!important}.body-container,.body-wrapper,.content-wrapper,.main-content{background:transparent!important;margin:0!important;padding:0!important}:root{--pixotope-cyan:#00d4e8;--pixotope-cyan-glow:rgba(0,212,232,.4);--prism-1:rgba(0,180,200,.08);--prism-2:rgba(0,212,232,.1);--prism-3:rgba(0,150,180,.08);--gold-primary:gold;--gold-light:#ffec80;--gold-dark:#c9a227;--gold-glow:rgba(255,200,50,.4);--diamond-primary:#e8f4ff;--diamond-blue:#a8d8ff;--diamond-purple:#d4b8ff;--diamond-pink:#ffb8e8;--diamond-glow:rgba(200,220,255,.5)}.cert-container{background:#050508;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:space-between;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.cert-container:before{animation:auroraShift 25s ease-in-out infinite;background:radial-gradient(ellipse 40% 30% at 20% 20%,rgba(0,180,200,.06),transparent 50%),radial-gradient(ellipse 35% 25% at 80% 30%,rgba(0,150,180,.04),transparent 50%),radial-gradient(ellipse 30% 20% at 70% 80%,rgba(0,200,220,.03),transparent 50%),radial-gradient(ellipse 25% 20% at 20% 70%,rgba(0,170,190,.03),transparent 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}@keyframes auroraShift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(1%,.5%) rotate(.5deg)}66%{transform:translate(-.5%,1%) rotate(-.5deg)}}.cert-container:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.025;pointer-events:none;position:absolute;z-index:0}.page-header{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:0 20px 30px;width:100%;z-index:10}@media (min-width:900px){.page-header{justify-content:flex-start}}.header-logo{content:url(https://9267851.fs1.hubspotusercontent-na1.net/hubfs/9267851/Brand%20Elements/pixotope-white-logo-trimmed.png);height:35px;opacity:.9;transition:opacity .3s ease;width:auto}.header-logo:hover{opacity:1}.cert-main-content{align-items:center;display:flex;flex-grow:1;justify-content:center;width:100%;z-index:10}.cert-wrapper{align-items:start;display:grid;gap:30px;grid-template-columns:1.7fr 1fr;max-width:1100px;width:100%}.page-footer{background:linear-gradient(0deg,rgba(0,0,0,.2),transparent);border-top:1px solid hsla(0,0%,100%,.05);box-sizing:border-box;flex-direction:column;margin-top:40px;padding:30px 20px;width:100%;z-index:10}.footer-links,.page-footer{align-items:center;display:flex;gap:15px}.footer-links{flex-wrap:wrap;justify-content:center}.footer-links a{color:hsla(0,0%,100%,.6);font-size:13px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--pixotope-cyan)}.footer-links .divider{color:hsla(0,0%,100%,.2);font-size:12px}.page-footer .copyright{color:hsla(0,0%,100%,.3);font-size:12px;margin:0;text-align:center}.cert-card{backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03) 40%,hsla(0,0%,100%,.01));border-radius:32px;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.1),inset 0 -1px 1px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.08),0 4px 24px rgba(0,0,0,.3),0 12px 48px rgba(0,0,0,.2),0 0 80px -20px var(--pixotope-cyan-glow);box-sizing:border-box;overflow:hidden;padding:55px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.cert-card:hover{box-shadow:inset 0 1px 1px hsla(0,0%,100%,.15),inset 0 -1px 1px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.12),0 8px 32px rgba(0,0,0,.35),0 16px 64px rgba(0,0,0,.25),0 0 120px -20px var(--pixotope-cyan-glow);transform:translateY(-4px)}.cert-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.08) 25%,rgba(0,200,220,.2) 50%,rgba(0,180,200,.15) 75%,hsla(0,0%,100%,.08));border-radius:32px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.cert-card:after{background:linear-gradient(90deg,transparent,rgba(0,212,232,.5) 30%,hsla(0,0%,100%,.7) 50%,rgba(0,212,232,.5) 70%,transparent);box-shadow:0 0 15px var(--pixotope-cyan-glow);content:"";filter:blur(.5px);height:1px;left:10%;position:absolute;right:10%;top:0}.card-glare{background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.04) 45%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.04) 55%,transparent 70%),linear-gradient(-45deg,transparent 40%,var(--prism-1) 45%,var(--prism-2) 50%,var(--prism-3) 55%,transparent 60%);border-radius:32px;inset:0;opacity:.5;pointer-events:none;position:absolute;transition:opacity .5s ease}.cert-card:hover .card-glare{opacity:.8}@keyframes bounceVerified{0%{transform:translateY(0) scale(1)}20%{transform:translateY(-20px) scale(1.02)}40%{transform:translateY(0) scale(1)}60%{transform:translateY(-10px) scale(1.01)}80%{transform:translateY(0) scale(1)}to{transform:translateY(0) scale(1)}}.cert-card.bounce-animation{animation:bounceVerified .6s cubic-bezier(.36,0,.66,-.56)}.cert-card.bounce-animation .status-badge.valid{animation:badgePulse .6s ease-out}@keyframes badgePulse{0%{transform:scale(1)}50%{box-shadow:inset 0 1px 1px hsla(0,0%,100%,.15),0 0 0 3px rgba(0,220,180,.4),0 0 40px rgba(0,220,180,.3),0 0 80px rgba(0,220,180,.2);transform:scale(1.1)}to{transform:scale(1)}}@keyframes shakeExpired{0%,to{transform:translateX(0) rotate(0)}10%{transform:translateX(-8px) rotate(-1deg)}20%{transform:translateX(8px) rotate(1deg)}30%{transform:translateX(-8px) rotate(-1deg)}40%{transform:translateX(8px) rotate(1deg)}50%{transform:translateX(-6px) rotate(-.5deg)}60%{transform:translateX(6px) rotate(.5deg)}70%{transform:translateX(-4px) rotate(0)}80%{transform:translateX(4px) rotate(0)}90%{transform:translateX(-2px) rotate(0)}}.cert-card.shake-animation{animation:shakeExpired .5s ease-in-out}.cert-card.shake-animation .status-badge.expired{animation:badgeShakePulse .5s ease-out}@keyframes badgeShakePulse{0%{background:linear-gradient(135deg,rgba(255,80,80,.12),rgba(255,60,60,.06))}25%{background:linear-gradient(135deg,rgba(255,80,80,.25),rgba(255,60,60,.15));box-shadow:inset 0 1px 1px hsla(0,0%,100%,.1),0 0 0 2px rgba(255,80,80,.4),0 0 30px rgba(255,80,80,.2)}50%{background:linear-gradient(135deg,rgba(255,80,80,.3),rgba(255,60,60,.2))}to{background:linear-gradient(135deg,rgba(255,80,80,.12),rgba(255,60,60,.06))}}.cert-card.gold{box-shadow:inset 0 1px 1px rgba(255,220,150,.15),inset 0 -1px 1px rgba(0,0,0,.1),0 0 0 1px rgba(255,200,100,.15),0 4px 24px rgba(0,0,0,.3),0 12px 48px rgba(0,0,0,.2),0 0 80px -20px var(--gold-glow)}.cert-card.gold:hover{box-shadow:inset 0 1px 1px rgba(255,220,150,.2),inset 0 -1px 1px rgba(0,0,0,.1),0 0 0 1px rgba(255,200,100,.25),0 8px 32px rgba(0,0,0,.35),0 16px 64px rgba(0,0,0,.25),0 0 120px -20px var(--gold-glow)}.cert-card.gold:before{background:linear-gradient(135deg,rgba(255,220,150,.35),rgba(255,180,50,.15) 25%,rgba(255,200,100,.25) 50%,rgba(255,150,50,.15) 75%,rgba(255,220,150,.1))}.cert-card.gold:after{background:linear-gradient(90deg,transparent,rgba(255,200,100,.5) 30%,rgba(255,240,200,.8) 50%,rgba(255,200,100,.5) 70%,transparent);box-shadow:0 0 20px var(--gold-glow)}.cert-card.gold .card-glare{background:linear-gradient(115deg,transparent 30%,rgba(255,230,150,.06) 45%,rgba(255,220,100,.12) 50%,rgba(255,230,150,.06) 55%,transparent 70%),linear-gradient(-45deg,transparent 40%,rgba(255,200,100,.08) 45%,rgba(255,180,50,.1) 50%,rgba(255,150,50,.08) 55%,transparent 60%)}.cert-card.gold .cert-label{color:var(--gold-primary);text-shadow:0 0 25px var(--gold-glow)}.cert-card.gold .cert-title h1{background:linear-gradient(135deg,#fff8e8 0,var(--gold-primary) 30%,var(--gold-light) 50%,var(--gold-primary) 70%,#fff8e8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(255,180,50,.3))}.cert-card.gold .cert-recipient h2{background:linear-gradient(135deg,#fff 0,#fff 40%,var(--gold-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cert-card.gold .cert-logo img{filter:drop-shadow(0 0 25px var(--gold-glow))}.cert-card.gold.bounce-animation .status-badge.valid.gold{animation:badgePulseGold .6s ease-out}@keyframes badgePulseGold{0%{transform:scale(1)}50%{box-shadow:inset 0 1px 1px hsla(0,0%,100%,.15),0 0 0 3px rgba(255,200,100,.5),0 0 40px rgba(255,200,50,.35),0 0 80px rgba(255,180,50,.25);transform:scale(1.1)}to{transform:scale(1)}}.cert-card.diamond{box-shadow:inset 0 1px 2px hsla(0,0%,100%,.2),inset 0 -1px 1px rgba(0,0,0,.1),0 0 0 1px rgba(200,220,255,.2),0 4px 24px rgba(0,0,0,.3),0 12px 48px rgba(0,0,0,.2),0 0 80px -20px var(--diamond-glow),0 0 100px -30px rgba(168,216,255,.3),0 0 120px -40px rgba(212,184,255,.2)}.cert-card.diamond:hover{box-shadow:inset 0 1px 2px hsla(0,0%,100%,.25),inset 0 -1px 1px rgba(0,0,0,.1),0 0 0 1px rgba(200,220,255,.3),0 8px 32px rgba(0,0,0,.35),0 16px 64px rgba(0,0,0,.25),0 0 120px -20px var(--diamond-glow),0 0 150px -30px rgba(168,216,255,.4),0 0 180px -40px rgba(212,184,255,.3)}.cert-card.diamond:before{animation:diamondBorderShift 8s ease-in-out infinite;background:linear-gradient(135deg,hsla(0,0%,100%,.4),rgba(168,216,255,.3) 20%,rgba(212,184,255,.25) 40%,rgba(255,184,232,.2) 60%,rgba(168,216,255,.25) 80%,hsla(0,0%,100%,.3))}@keyframes diamondBorderShift{0%,to{opacity:1}50%{opacity:.7}}.cert-card.diamond:after{animation:diamondTopGlow 4s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(168,216,255,.4) 20%,hsla(0,0%,100%,.9) 35%,rgba(212,184,255,.5) 50%,hsla(0,0%,100%,.9) 65%,rgba(255,184,232,.4) 80%,transparent);box-shadow:0 0 25px var(--diamond-glow)}@keyframes diamondTopGlow{0%,to{opacity:1}50%{opacity:.6}}.cert-card.diamond .card-glare{animation:diamondSparkle 6s ease-in-out infinite;background:linear-gradient(115deg,transparent 25%,hsla(0,0%,100%,.08) 40%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.08) 60%,transparent 75%),linear-gradient(-45deg,transparent 35%,rgba(168,216,255,.1) 42%,rgba(212,184,255,.12) 50%,rgba(255,184,232,.1) 58%,transparent 65%),linear-gradient(60deg,transparent 40%,hsla(0,0%,100%,.05) 48%,rgba(200,220,255,.08) 52%,transparent 60%)}@keyframes diamondSparkle{0%,to{opacity:.6}25%{opacity:.8}50%{opacity:.5}75%{opacity:.9}}.cert-card.diamond .cert-label{background:linear-gradient(90deg,var(--diamond-blue),var(--diamond-purple),var(--diamond-pink),var(--diamond-blue));-webkit-background-clip:text;background-size:300% 100%;-webkit-text-fill-color:transparent;animation:diamondTextShift 6s ease-in-out infinite;background-clip:text;filter:drop-shadow(0 0 8px var(--diamond-glow));text-shadow:none}@keyframes diamondTextShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cert-card.diamond .cert-title h1{background:linear-gradient(135deg,#fff 0,var(--diamond-primary) 20%,var(--diamond-blue) 40%,#fff 50%,var(--diamond-purple) 60%,var(--diamond-primary) 80%,#fff 100%);-webkit-background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent;animation:diamondTitleShift 8s ease-in-out infinite;background-clip:text;filter:drop-shadow(0 2px 15px var(--diamond-glow))}@keyframes diamondTitleShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cert-card.diamond .cert-recipient h2{background:linear-gradient(135deg,#fff 0,#fff 30%,var(--diamond-blue) 60%,var(--diamond-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cert-card.diamond .cert-logo img{filter:drop-shadow(0 0 30px var(--diamond-glow)) drop-shadow(0 0 50px rgba(212,184,255,.3))}.cert-card.diamond.bounce-animation .status-badge.valid.diamond{animation:badgePulseDiamond .6s ease-out}@keyframes badgePulseDiamond{0%{transform:scale(1)}50%{box-shadow:inset 0 1px 1px hsla(0,0%,100%,.2),0 0 0 3px rgba(200,220,255,.5),0 0 40px rgba(200,220,255,.35),0 0 80px rgba(212,184,255,.25);transform:scale(1.1)}to{transform:scale(1)}}.cert-card.expired{filter:saturate(.7);opacity:.75}.cert-card.expired:after{background:linear-gradient(90deg,transparent,hsla(0,100%,70%,.4) 30%,hsla(0,100%,79%,.6) 50%,hsla(0,100%,70%,.4) 70%,transparent);box-shadow:0 0 15px rgba(255,80,80,.25)}.cert-logo{margin-bottom:40px;position:relative;text-align:center;z-index:1}.cert-logo img{content:url(https://9267851.fs1.hubspotusercontent-na1.net/hubfs/9267851/Brand%20Elements/pixotope-white-logo-trimmed.png);filter:drop-shadow(0 0 25px var(--pixotope-cyan-glow));height:42px;transition:filter .3s ease;width:auto}.cert-card:hover .cert-logo img{filter:drop-shadow(0 0 35px var(--pixotope-cyan-glow))}.cert-title{margin-bottom:35px;position:relative;text-align:center;z-index:1}.cert-label{color:var(--pixotope-cyan);display:block;font-size:11px;font-weight:500;letter-spacing:3px;margin-bottom:12px;text-shadow:0 0 25px var(--pixotope-cyan-glow)}.cert-title h1{color:#fff;font-size:26px;font-weight:700;letter-spacing:3px;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.5);text-transform:uppercase}.cert-recipient{margin-bottom:35px;padding:30px 0;position:relative;text-align:center;z-index:1}.cert-recipient:after,.cert-recipient:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12) 30%,hsla(0,0%,100%,.18) 50%,hsla(0,0%,100%,.12) 70%,transparent);content:"";height:1px;left:10%;position:absolute;right:10%}.cert-recipient:before{top:0}.cert-recipient:after{bottom:0}.awarded-to{color:hsla(0,0%,100%,.4);display:block;font-size:11px;letter-spacing:4px;margin-bottom:14px;text-transform:uppercase}.cert-recipient h2{background:linear-gradient(135deg,#fff 0,#fff 40%,var(--pixotope-cyan) 100%);-webkit-background-clip:text;font-size:36px;font-weight:600;margin:0 0 18px;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 15px rgba(0,0,0,.3))}.cert-description{color:hsla(0,0%,100%,.5);font-size:14px;font-weight:400;line-height:1.75;margin:0 auto;max-width:420px}.cert-details{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-bottom:28px;position:relative;z-index:1}.cert-details,.detail-item{text-align:center}.detail-item .label{color:hsla(0,0%,100%,.35);display:block;font-size:9px;font-weight:500;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.detail-item .value{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600}.cert-status{margin-bottom:32px;position:relative;text-align:center;z-index:1}.status-badge{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:700;gap:10px;letter-spacing:2.5px;overflow:hidden;padding:14px 32px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.status-badge:hover{transform:scale(1.02)}.status-badge:active{transform:scale(.98)}.status-badge.valid{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(0,220,180,.12),rgba(0,200,160,.06));box-shadow:inset 0 1px 1px hsla(0,0%,100%,.08),0 0 0 1px rgba(0,220,180,.25),0 0 25px rgba(0,220,180,.12),0 0 50px rgba(0,220,180,.08);color:#00e8c0}.status-badge.valid:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(0,255,200,.08) 50%,transparent);content:"";inset:0;position:absolute}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.status-badge.valid svg{filter:drop-shadow(0 0 6px rgba(0,220,180,.5))}.status-badge.valid.gold{background:linear-gradient(135deg,rgba(255,200,50,.15),rgba(255,180,50,.08));box-shadow:inset 0 1px 1px hsla(0,0%,100%,.1),0 0 0 1px rgba(255,200,100,.3),0 0 25px rgba(255,200,50,.15),0 0 50px rgba(255,180,50,.1);color:var(--gold-primary)}.status-badge.valid.gold:before{background:linear-gradient(90deg,transparent,rgba(255,220,100,.1) 50%,transparent)}.status-badge.valid.gold svg{filter:drop-shadow(0 0 6px var(--gold-glow))}.status-badge.valid.diamond{background:linear-gradient(135deg,rgba(200,220,255,.15),rgba(212,184,255,.1) 50%,rgba(255,184,232,.08));box-shadow:inset 0 1px 1px hsla(0,0%,100%,.15),0 0 0 1px rgba(200,220,255,.3),0 0 25px rgba(200,220,255,.15),0 0 50px rgba(212,184,255,.1);color:var(--diamond-primary)}.status-badge.valid.diamond:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12) 30%,rgba(168,216,255,.1) 50%,rgba(212,184,255,.1) 70%,transparent)}.status-badge.valid.diamond svg{filter:drop-shadow(0 0 6px var(--diamond-glow))}.status-badge.expired{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,80,80,.12),rgba(255,60,60,.06));box-shadow:inset 0 1px 1px hsla(0,0%,100%,.05),0 0 0 1px rgba(255,80,80,.25),0 0 25px rgba(255,80,80,.08);color:#ff7070}.status-badge.expired svg{filter:drop-shadow(0 0 6px rgba(255,80,80,.5))}.cert-footer{margin-top:35px;padding:0 20px;position:relative;z-index:1}.cert-signature{text-align:left}.signature-name{color:hsla(0,0%,100%,.9);font-size:24px;font-weight:500;letter-spacing:.5px;margin-bottom:8px}.signature-line{background:linear-gradient(90deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1));height:1px;margin:0 0 10px;width:160px}.signature-title{color:hsla(0,0%,100%,.35);font-size:10px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase}.cert-seal{bottom:-30px;position:absolute;right:-10px;z-index:5}.seal-stamp{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));height:auto;opacity:.95;transition:opacity .3s ease,filter .3s ease,transform .3s ease;width:160px}.cert-card:hover .seal-stamp{filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));opacity:1;transform:scale(1.02)}.cert-card.gold .seal-stamp{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,200,50,.15))}.cert-card.gold:hover .seal-stamp{filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(255,200,50,.25))}.cert-card.diamond .seal-stamp{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(200,220,255,.15))}.cert-card.diamond:hover .seal-stamp{filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(200,220,255,.25))}.cert-actions{backdrop-filter:blur(30px) saturate(120%);-webkit-backdrop-filter:blur(30px) saturate(120%);background:linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));border-radius:24px;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.08),0 0 0 1px hsla(0,0%,100%,.06),0 4px 20px rgba(0,0,0,.2);box-sizing:border-box;overflow:hidden;padding:30px;position:relative}.cert-actions:before{background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.04) 50%,hsla(0,0%,100%,.08));border-radius:24px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.cert-actions.gold:before{background:linear-gradient(135deg,rgba(255,200,100,.2),rgba(255,180,50,.08) 50%,rgba(255,200,100,.15))}.cert-actions.diamond:before{background:linear-gradient(135deg,rgba(200,220,255,.2),rgba(212,184,255,.1) 50%,rgba(255,184,232,.15))}.actions-header{border-bottom:1px solid hsla(0,0%,100%,.06);margin-bottom:25px;padding-bottom:18px}.actions-header h3{color:#fff;font-size:17px;font-weight:600;margin:0 0 5px}.actions-header p{color:hsla(0,0%,100%,.4);font-size:13px;margin:0}.action-group{margin-bottom:24px}.action-group:last-child{margin-bottom:0}.action-label{color:hsla(0,0%,100%,.3);display:block;font-size:9px;font-weight:500;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.btn{align-items:center;border:none;border-radius:14px;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;justify-content:center;margin-bottom:10px;overflow:hidden;padding:14px 20px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.btn:last-child{margin-bottom:0}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));box-shadow:inset 0 1px 1px hsla(0,0%,100%,.08),0 0 0 1px hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.btn-glass:before{background:linear-gradient(135deg,transparent 40%,hsla(0,0%,100%,.08) 50%,transparent 60%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.btn-glass:hover:not(:disabled){background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));box-shadow:inset 0 1px 1px hsla(0,0%,100%,.12),0 0 0 1px rgba(0,200,220,.3),0 0 25px rgba(0,200,220,.1),0 6px 16px rgba(0,0,0,.15);color:#fff;transform:translateY(-2px)}.btn-glass:hover:not(:disabled):before{transform:translateX(100%)}.btn-glass svg{flex-shrink:0;opacity:.65;transition:opacity .3s ease}.btn-glass:hover:not(:disabled) svg{opacity:1}.cert-actions.gold .btn-glass:hover:not(:disabled){box-shadow:inset 0 1px 1px hsla(0,0%,100%,.12),0 0 0 1px rgba(255,200,100,.35),0 0 25px rgba(255,200,50,.12),0 6px 16px rgba(0,0,0,.15)}.cert-actions.diamond .btn-glass:hover:not(:disabled){box-shadow:inset 0 1px 1px hsla(0,0%,100%,.15),0 0 0 1px rgba(200,220,255,.35),0 0 25px rgba(200,220,255,.12),0 6px 16px rgba(0,0,0,.15)}.cert-error{backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);background:linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));border-radius:28px;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.08),0 0 0 1px hsla(0,0%,100%,.06),0 8px 32px rgba(0,0,0,.25);max-width:420px;padding:55px 45px;position:relative;text-align:center;z-index:1}.cert-error:before{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.04));border-radius:28px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.error-icon{color:hsla(0,0%,100%,.3);margin-bottom:25px}.cert-error h2{color:#fff;font-size:20px;font-weight:600;margin:0 0 14px}.cert-error p{color:hsla(0,0%,100%,.5);font-size:14px;line-height:1.6;margin:0 0 8px}.cert-error p.subtle{color:hsla(0,0%,100%,.3);font-size:13px}@media (max-width:900px){.cert-wrapper{grid-template-columns:1fr}}@media (max-width:600px){.cert-container{padding:20px 10px}.cert-card{border-radius:20px;padding:30px 20px;width:100%}.cert-title h1{font-size:20px;letter-spacing:2px}.cert-recipient h2{font-size:26px}.cert-details{gap:20px}.cert-actions{border-radius:20px;padding:24px}.cert-footer{align-items:center;display:flex;flex-direction:column;gap:30px;padding:0}.cert-signature{text-align:center}.signature-line{margin:0 auto 10px}.cert-seal{bottom:auto;margin-top:10px;position:relative;right:auto}.seal-stamp{width:120px}}@media print{@page{size:landscape;margin:0}body,html{background-color:#050508!important;height:100%;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:100%}.cert-actions,.cert-container:after,.cert-container:before,.page-footer,.page-header{display:none!important}.cert-container{align-items:center!important;display:flex!important;height:100vh!important;justify-content:center!important;margin:0!important;max-height:none!important;max-width:none!important;overflow:hidden!important;padding:0!important;width:100vw!important}.cert-main-content,.cert-wrapper{display:block!important;padding:0!important}.cert-card,.cert-main-content,.cert-wrapper{height:100%!important;margin:0!important;width:100%!important}.cert-card{border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;left:0!important;max-width:none!important;padding:40px!important;top:0!important;transform:none!important}.cert-details,.cert-footer,.cert-recipient,.cert-title{width:100%!important}}