.certificate-container{width:100%;transition:all .3s ease}.certificate-card{break-inside:avoid;position:relative;overflow:hidden}.certificate-card:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 30px 30px 0;border-color:transparent rgba(25,118,210,.2) transparent transparent;transition:border-color .3s ease}.certificate-card:hover:after{border-color:transparent rgba(25,118,210,.5) transparent transparent}@media print{body *{visibility:hidden}.certificate-preview-modal,.certificate-preview,.certificate-preview *{visibility:visible}.certificate-preview{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:#fff!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;background-image:none!important}.certificate-card:after,.verified-certificate:after{display:none!important}.certificate-preview button,.certificate-preview .print-button,.certificate-preview .print-optimized-button{display:none!important}.certificate-preview{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.certificate-preview:before{content:"";position:absolute;top:1cm;left:1cm;right:1cm;bottom:1cm;border:2px solid #ccc;pointer-events:none;z-index:-1}.certificate-preview h4{font-size:24pt!important;margin-bottom:.5cm!important}.certificate-preview h5{font-size:18pt!important;margin-bottom:.3cm!important}.certificate-preview h6{font-size:14pt!important}.certificate-preview p,.certificate-preview div{font-size:12pt!important}.certificate-preview>div:nth-child(2){flex-grow:1;display:flex;flex-direction:column;justify-content:center}.certificate-card-container{page-break-inside:avoid}}@media screen and (max-width: 600px){.certificate-card .MuiCardContent-root{padding:12px}.certificate-card .MuiCardActions-root{padding:8px 12px 12px}.certificate-card h6{font-size:1rem!important;line-height:1.4!important;margin-bottom:8px!important}.certificate-card .MuiTypography-body2{font-size:.8125rem!important;line-height:1.3!important}.certificate-container{margin-top:16px!important;margin-bottom:16px!important}.certificate-card button{min-height:42px}}@media screen and (min-width: 601px) and (max-width: 960px){.certificate-card .MuiCardContent-root{padding:16px}}.certificate-card{transition:transform .3s ease,box-shadow .3s ease}.certificate-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.certificate-preview{background-color:#fff;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px}@media screen and (max-width: 600px){.certificate-preview{padding:16px!important;width:95%!important}.certificate-preview h4{font-size:1.2rem!important}.certificate-preview h5{font-size:1rem!important}}.print-optimized-button{color:#006400!important;border-color:#006400!important}.print-optimized-button:hover{background-color:#0064000a!important}.verified-certificate{transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.verified-certificate:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.verified-certificate:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 50px 50px 0;border-color:transparent #4caf50 transparent transparent;opacity:.8}.certificate-verification-result{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.verified-certificate{box-shadow:none!important;border:1px solid #ddd!important}.verified-certificate:after{display:none}button,.MuiPaper-root:first-of-type{display:none!important}.MuiAlert-root{border:none!important;box-shadow:none!important;color:#000!important;background-color:transparent!important;padding-left:0!important}.MuiAlert-icon{color:#000!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}