*{box-sizing:border-box}body{margin:0;background:#dfe4da;color:#171913;font-family:Manrope,sans-serif}.cert-toolbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 22px;background:#1d261b;color:white}.cert-toolbar>div{display:flex;gap:14px;align-items:center}.cert-toolbar span{opacity:.7}.cert-toolbar a,.cert-toolbar button{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;border-radius:999px;padding:9px 14px;text-decoration:none;font:700 13px Manrope;cursor:pointer}#certificates{padding:24px;display:grid;gap:24px;justify-content:center}.certificate{position:relative;width:297mm;height:210mm;page:certificate-landscape;background:#f6f3e9;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.16);page-break-after:always}.certificate.portrait{width:210mm;height:297mm;page:certificate-portrait}.certificate::before{content:"";position:absolute;inset:22px;border:2px solid #20291d;pointer-events:none}.certificate::after{content:"СКАЛЬНЫЙ ФЕСТИВАЛЬ";position:absolute;left:50%;top:11%;transform:translateX(-50%);font:700 clamp(18px,3vw,34px) Unbounded,sans-serif;letter-spacing:.05em;white-space:nowrap}.certificate.has-bg::after,.certificate.has-bg::before{display:none}.certificate-field{position:absolute;transform:translate(-50%,-50%);white-space:pre-wrap;max-width:90%;line-height:1.15}.certificate-field[data-align="left"]{transform:translate(0,-50%)}.certificate-field[data-align="right"]{transform:translate(-100%,-50%)}.cert-empty{padding:40px;background:white;border-radius:20px;margin:40px auto;max-width:700px}@media print{body{background:white}.cert-toolbar{display:none}#certificates{padding:0;display:block}.certificate{width:297mm;height:210mm;aspect-ratio:auto;box-shadow:none;margin:0}.certificate.portrait{width:210mm;height:297mm;page:certificate-portrait}.certificate-field{print-color-adjust:exact;-webkit-print-color-adjust:exact}@page certificate-landscape{size:A4 landscape;margin:0}@page certificate-portrait{size:A4 portrait;margin:0}}
.cert-login{max-width:620px;margin:40px auto;padding:24px;background:white;border-radius:20px}.cert-login form{display:grid;gap:12px}.cert-login input{padding:14px;border:1px solid #cdd2c5;border-radius:12px;font:inherit}.cert-login button{padding:12px 16px;border:0;border-radius:999px;background:#20291d;color:#fff;font-weight:800}@media print{.cert-login{display:none!important}}

@media screen and (max-width:1200px){#certificates{transform-origin:top center}.certificate{max-width:none}}