.certificates-page{background:#f5f7f7}.documents-hero{position:relative;overflow:hidden;background:var(--navy);color:white;padding:45px 0 75px}.documents-grid-pattern{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.documents-hero .container{position:relative;z-index:2}.documents-breadcrumbs{display:flex;gap:9px;color:#7d8f98;font-size:11px}.documents-hero-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-top:55px}.documents-hero h1{font-size:clamp(48px,5.8vw,76px);line-height:1.02;letter-spacing:-.06em;margin:20px 0 0}.documents-hero h1 em{font-style:normal;color:var(--cyan)}.documents-hero-layout>p{color:#a7b4ba;font-size:15px;line-height:1.85;margin:0 0 8px}
.documents-section{padding:95px 0 110px}.documents-intro{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:42px}.documents-intro h2{font-size:45px;margin:17px 0 0}.documents-intro>p{color:#68767d;font-size:14px;line-height:1.8}
.documents-list{display:flex;flex-direction:column;border-top:1px solid #d9e0e2}.document-card{background:white;border:1px solid #d9e0e2;border-top:0;padding:27px;display:grid;grid-template-columns:145px 1fr auto;gap:30px;align-items:center}.document-sheet{width:145px;height:190px;background:#f2f5f5;border:1px solid #ccd5d8;box-shadow:7px 10px 18px rgba(17,36,45,.1);padding:15px;display:flex;flex-direction:column;position:relative}.document-sheet::after{content:"";position:absolute;left:13px;right:13px;bottom:18px;height:1px;background:#c9d2d5;box-shadow:0 -8px 0 #dce2e4,0 -16px 0 #dce2e4}.document-sheet>span{width:45px;height:52px;display:grid;place-items:center;border:1px solid var(--cyan-deep);color:var(--cyan-deep);clip-path:polygon(50% 0,92% 13%,86% 76%,50% 100%,14% 76%,8% 13%);font-size:10px;font-weight:800}.document-sheet i{position:absolute;right:14px;top:20px;color:#78868d;font-size:9px;font-style:normal;font-weight:800}.document-sheet b{font-size:11px;margin-top:20px}.document-sheet small{font-size:6px;color:#7e8a90;margin-top:5px;letter-spacing:.08em}.document-info{max-width:700px}.document-type{font-size:9px;color:var(--cyan-deep);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.document-info h3{font-size:21px;margin:8px 0}.document-info>p{color:#6d7a81;font-size:12px;line-height:1.7;margin:0 0 17px}.document-info dl{display:flex;gap:35px;margin:0}.document-info dl div{display:flex;flex-direction:column;gap:4px}.document-info dt{color:#8a969c;font-size:8px;text-transform:uppercase}.document-info dd{margin:0;font-size:10px;font-weight:800}.document-status{align-self:start;padding:8px 10px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.document-status.pending{background:#fff3df;color:#a97315}.document-status.available{background:#e1f7eb;color:#21825a;text-transform:none}.documents-note{margin-top:27px;padding:20px 23px;background:#e7f5f5;border:1px solid #cbe6e7;display:flex;gap:15px}.documents-note>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--cyan-deep);color:white;font-size:12px;font-weight:800}.documents-note strong{font-size:13px}.documents-note p{font-size:11px;line-height:1.65;color:#63737a;margin:5px 0 0}
@media(max-width:820px){.documents-hero-layout,.documents-intro{grid-template-columns:1fr;gap:25px}.document-card{grid-template-columns:115px 1fr}.document-sheet{width:115px;height:160px}.document-status{grid-column:2}.document-info dl{flex-wrap:wrap}}
@media(max-width:560px){.document-card{grid-template-columns:1fr}.document-sheet{width:130px;height:170px}.document-status{grid-column:auto}.documents-intro h2{font-size:37px}}