.auth-certificate{display:flex;justify-content:center;position:relative;padding:111px 170px 0 64px;gap:85px}.auth-certificate .auth-banner{width:100%;height:283px;position:absolute;background-color:var(--primary-color);top:0;left:0;z-index:-1}.auth-certificate .image-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;max-width:442px}.auth-certificate .image-container div{width:100%;max-width:442px;aspect-ratio:1/1;border-radius:50%;background-color:var(--primary-color)}.auth-certificate .image-container img{width:200%;max-width:569px;position:absolute;transform:translate(-50%);object-fit:cover;overflow:visible;z-index:1;top:-32px;left:47%}.auth-certificate .image-container img.declaration{width:100%;bottom:0;top:auto;left:50%;transform:translate(-50%)}.auth-certificate .auth-container{max-width:582px;width:100%;background-color:var(--background-color-gray);padding:42px 42px 48px;border:1px solid var(--gray-325);border-radius:12px}.auth-certificate p{font-weight:500;font-size:16px;color:var(--gray-375)}.auth-certificate h1{font-weight:600;font-size:20px;line-height:28px;color:var(--gray-475)}.auth-certificate .auth-container header{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"icon paragraph" "icon heading";column-gap:8px;align-items:center;padding-bottom:20px;padding-left:6px;border-bottom:3px solid var(--gray-325)}.auth-certificate .auth-container header svg{grid-area:icon;background-color:var(--background-color-emblem);padding:16px;width:63px;height:63px;min-width:63px;border-radius:50%;align-self:center}.auth-certificate .auth-container header p{grid-area:paragraph;text-align:left;margin:0}.auth-certificate .auth-container header h1{grid-area:heading;text-align:left;margin:0}.auth-certificate .auth-container header path{stroke:var(--blue-250)}.auth-certificate .auth-container section:not(.feedback){padding-top:22px}.auth-certificate .auth-container section div{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px}.auth-certificate .auth-container .status{background-color:var(--gray-125);border:2px solid var(--gray-355);padding:3.5px 11px 3.5px 18px;border-radius:30px;position:relative}.auth-certificate .auth-container .status:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--gray-455);border-radius:50%;left:7px;z-index:1}.auth-certificate .auth-container .status.green{background-color:var(--green-50);border:2px solid var(--green-300);color:var(--green-600)}.auth-certificate .auth-container .status.green:before{background-color:var(--green-500)}.auth-certificate .auth-container .status.red{background-color:var(--red-50);border:2px solid var(--red-275);color:var(--red-500)}.auth-certificate .auth-container .status.red:before{background-color:var(--red-325)}.auth-certificate .auth-container input{width:100%;max-width:300px;margin-top:20px;margin-bottom:16px;padding:8px 12px;border-radius:8px;border:1px solid var(--gray-325);background-color:var(--text-color-white);font-size:16px;font-weight:500;color:var(--text-500)}.auth-certificate .auth-container button{width:100%;max-width:150px;padding:8px 12px;height:35px;border-radius:8px;background-color:var(--green-400);font-size:16px;font-weight:500;color:var(--text-color-white);transition:transform .3s ease-in-out,background-color .3s ease-in-out;display:flex;justify-content:center;align-items:center;margin-top:4px}.auth-certificate .auth-container button:hover{background-color:var(--btn-color);transform:scale(1.05)}.auth-certificate .auth-container button:disabled{background-color:var(--green-300)}.auth-certificate .auth-container button:disabled:hover{transform:scale(1)}.auth-certificate .auth-container .feedback div{justify-content:flex-start;align-items:flex-start;margin-bottom:20px;padding:24px 16px;gap:12px}.auth-certificate .auth-container .feedback svg{width:24px;height:24px;min-width:24px}.auth-certificate .auth-container .feedback-success{background-color:var(--green-100);border:2px solid var(--green-200);border-radius:12px;display:none}.auth-certificate .auth-container .feedback-success p{color:var(--green-700)}.auth-certificate .auth-container .feedback-success path{stroke:var(--green-700)}.auth-certificate .auth-container .feedback-error{background-color:var(--red-100);border:2px solid var(--red-200);border-radius:12px;display:none}.auth-certificate .auth-container .feedback-error p{color:var(--red-600)}.auth-certificate .auth-container .feedback-error path{stroke:var(--red-600)}@media (max-width: 1200px){.auth-certificate{padding:111px 64px 0}.auth-certificate .image-container div{max-width:398px}.auth-certificate .image-container img{max-width:436px;top:-4px;left:47%}.auth-certificate .image-container img.declaration{max-width:398px}}@media (max-width: 992px){.auth-certificate{padding:26px 36px 0;flex-direction:column;gap:80px;align-items:center}.auth-certificate .image-container{max-width:394px;margin:0 auto}.auth-certificate .image-container div{max-width:328px}.auth-certificate .image-container img{max-width:394px;left:44%;top:-3px}.auth-certificate .image-container img.declaration{max-width:328px}}@media (max-width: 576px){.auth-certificate{padding:0;gap:55px}.auth-certificate .auth-container{padding:42px 22px 56px;max-width:calc(100% - 64px)}.auth-certificate .auth-banner{display:none}.auth-certificate .image-container svg,.auth-certificate .image-container div{border-radius:19px;max-width:calc(100% - 64px);max-height:184px;padding:0 32px}.auth-certificate .image-container{max-width:100%;overflow:hidden;height:250px;align-items:flex-end}.auth-certificate .image-container img.declaration,.auth-certificate .image-container img{max-width:calc(100% - 30px);top:9px;left:49%}.auth-certificate .image-container img.declaration{bottom:auto}.auth-certificate .auth-container header{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"icon paragraph ." ". heading .";padding-bottom:12px;padding-left:0}.auth-certificate .auth-container header svg{align-self:center;width:32px;height:32px;min-width:32px;padding:8px}.auth-certificate .auth-container header h1{grid-column:1 / -1;margin-top:8px}.auth-certificate .auth-container button{max-width:241px}.auth-certificate .auth-container .feedback p,.auth-certificate .auth-container header p,.auth-certificate .auth-container .status p{font-size:12px}.auth-certificate .auth-container section>p{font-size:14px}.auth-certificate .auth-container .feedback svg{width:16px;height:16px;min-width:16px}.auth-certificate .auth-container .feedback div{padding:16px 8px}.auth-certificate .auth-container section div{padding-bottom:26px}.auth-certificate .auth-container input{margin-top:32px}.auth-certificate .auth-container section:not(.feedback){padding-top:16px}}@media (max-width: 400px){.auth-certificate .image-container img.declaration{top:40px}.auth-certificate .image-container img{top:34px}}