.eco-document-page{max-width:860px;margin:45px auto;padding:0 18px;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.eco-document{position:relative;overflow:hidden;padding:46px;background:#fff;border:1px solid #dae4ee;border-radius:20px;box-shadow:0 18px 55px #17203318}
.eco-document:before{content:"";position:absolute;inset:0 0 auto;height:9px;background:var(--eco-primary,#65bd18)}
.eco-document header{display:flex;gap:18px;align-items:center;padding-bottom:24px;border-bottom:2px solid #edf1f5}
.eco-document header img{width:70px;height:70px;object-fit:contain}
.eco-document header small{display:block;color:#72829a;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.eco-document h1{margin:6px 0 0;color:#112039;font-size:25px}
.eco-document-number{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 14px;padding:18px 20px;margin:24px 0;background:#f4f8fb;border-radius:12px}
.eco-document-number span{color:#7b8ca5}
.eco-document-number strong{text-align:right}
.eco-document section>p{font-size:16px;line-height:1.75}
.eco-document dl{display:grid;grid-template-columns:180px 1fr;margin:24px 0 0}
.eco-document dt,.eco-document dd{padding:12px 0;margin:0;border-bottom:1px solid #e7edf3}
.eco-document dt{color:#7788a0}
.eco-document dd{text-align:right}
.eco-document footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:35px}
.eco-document footer>div:first-child{max-width:55%}
.eco-document footer small,.eco-document footer b,.eco-document-sign span,.eco-document-sign strong{display:block}
.eco-document footer b{width:max-content;margin-top:12px;padding:6px 10px;border-radius:99px;background:#dcfce7;color:#15803d;font-size:11px}
.eco-document-sign{text-align:center;min-width:190px}
.eco-document-sign img{display:block;width:80px;height:65px;object-fit:contain;margin:0 auto -10px}
.eco-document-sign span{color:#718096;margin-bottom:28px}
.eco-document.classic{border:7px double #c8a34a;border-radius:4px}
.eco-document.classic:before{background:#c8a34a}
.eco-document.modern header{margin:-46px -46px 25px;padding:32px 46px;background:var(--eco-primary,#65bd18);color:#fff}
.eco-document.modern header small,.eco-document.modern h1{color:#fff}
.eco-document-certificate:after{content:"SERTIFIKAT";position:absolute;right:-35px;bottom:85px;transform:rotate(-90deg);font-size:42px;font-weight:900;color:#17203308}
.eco-document-actions{display:flex;justify-content:center;gap:10px;margin:18px}
.eco-document-actions button,.eco-document-actions a{padding:11px 18px;border:1px solid var(--eco-primary,#65bd18);border-radius:10px;background:var(--eco-primary,#65bd18);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}
.eco-document-actions a{background:#fff;color:var(--eco-primary,#65bd18)}
.eco-document-message{max-width:650px;margin:80px auto;padding:30px;border:1px solid #dce5ef;border-radius:15px;text-align:center}
@media(max-width:640px){.eco-document{padding:25px}
.eco-document h1{font-size:20px}
.eco-document-number{grid-template-columns:1fr 1fr}
.eco-document dl{grid-template-columns:1fr}
.eco-document dd{text-align:left}
.eco-document footer{align-items:stretch;flex-direction:column}
.eco-document footer>div:first-child{max-width:none}
.eco-document-sign{align-self:flex-end}
.eco-document.modern header{margin:-25px -25px 22px;padding:25px}
}
@media print{body>*:not(.eco-document-page){display:none!important}
.eco-document-page{margin:0;max-width:none}
.eco-document{box-shadow:none}
.eco-document-actions{display:none}
}
.eco-document{--eco-document-accent:var(--eco-primary,#65bd18);background-position:center;background-size:cover}
.eco-document:before{background:var(--eco-document-accent)}
.eco-document.classic{border-color:var(--eco-document-accent);font-family:Georgia,serif}
.eco-document.classic h1{letter-spacing:.07em}
.eco-document.classic .eco-document-number{border:1px solid var(--eco-document-accent);background:#fffaf0}
.eco-document.modern{border:0;border-radius:7px}
.eco-document.modern header{background:var(--eco-document-accent)}
.eco-document.modern .eco-document-number{border-radius:0;border-left:5px solid var(--eco-document-accent)}
.eco-document-certificate{padding:58px;text-align:center}
.eco-document-certificate header{justify-content:center;border:0}
.eco-document-certificate header>div{text-align:center}
.eco-document-certificate header em{display:block;margin-top:7px;color:#718096}
.eco-document-certificate section>p{max-width:680px;margin:20px auto;font-family:Georgia,serif;font-size:18px}
.eco-document-certificate dl{text-align:left}
.eco-document-certificate footer{text-align:left}
.eco-document-certificate.award{border:9px double var(--eco-document-accent);border-radius:0}
.eco-document-certificate.award:before{inset:14px;height:2px;background:var(--eco-document-accent)}
.eco-document-certificate.islamic{border:3px solid var(--eco-document-accent);outline:1px solid var(--eco-document-accent);outline-offset:-15px;background-image:linear-gradient(45deg,transparent 48%,rgba(161,98,7,.08) 49%,transparent 51%)}
.eco-document-certificate.minimal{border:0;border-left:10px solid var(--eco-document-accent);text-align:left}
.eco-document-certificate.minimal header{justify-content:flex-start}
.eco-document-certificate.minimal header>div{text-align:left}
.eco-document-certificate.minimal section>p{margin-left:0}
.eco-document.custom{background-color:#fff;background-blend-mode:lighten}
.eco-document.custom>header,.eco-document.custom>section,.eco-document.custom>footer,.eco-document.custom>.eco-document-number{position:relative;z-index:1}
.eco-document.custom:after{content:"";position:absolute;inset:0;background:#ffffffd9;z-index:0}
.eco-document-page.landscape{max-width:1120px}
.eco-document.landscape{min-height:650px}
@media print{.eco-document-page.landscape{width:297mm}.eco-document-page.portrait{width:210mm}.eco-document.landscape{min-height:185mm}}