.documents-page { --docs-ink:#102b40; --docs-muted:#718495; --docs-blue:#2477d4; --docs-aqua:#4d9dff; color:var(--docs-ink); background:#f4f7f8; }
.documents-page-hero { position:relative; overflow:hidden; padding:78px 0 72px; background:linear-gradient(135deg,#071d2c,#0b3445 58%,#123f5b); color:#fff; }
.documents-page-hero::after { content:''; position:absolute; width:440px; height:440px; right:-125px; top:-190px; border:1px solid rgba(77,157,255,.28); border-radius:50%; box-shadow:0 0 0 55px rgba(77,157,255,.045),0 0 0 110px rgba(77,157,255,.025); }
.documents-page-hero-inner { position:relative; z-index:1; }
.documents-page-kicker,.documents-page-section-kicker { display:inline-flex; align-items:center; gap:9px; color:var(--docs-blue); font:700 11px 'DM Sans',sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.documents-page-kicker { color:var(--docs-aqua); }
.documents-page-kicker::before,.documents-page-section-kicker::before { content:''; width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:currentColor; box-shadow:0 0 15px currentColor; }
.documents-page-hero h1 { max-width:700px; margin:18px 0 0; color:#fff; font:700 clamp(2.7rem,6vw,5.4rem)/.98 'Space Grotesk',sans-serif; letter-spacing:-.075em; }
.documents-page-hero p { max-width:680px; margin:20px 0 0; color:#c1d6df; font-size:clamp(1rem,1.7vw,1.15rem); line-height:1.7; }
.documents-page-body { padding:76px 0 104px; }
.documents-page-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; overflow:hidden; border:1px solid rgba(24,70,91,.11); border-radius:22px; background:#fff; box-shadow:0 22px 60px rgba(31,77,97,.1); }
.documents-page-panel { min-height:535px; padding:clamp(28px,4vw,48px); background:#f0f1f2; }
.documents-page-panel:nth-child(2) { background:#fff; }
.documents-page-panel h2 { margin:15px 0 0; color:var(--docs-ink); font:700 clamp(1.85rem,3vw,2.55rem)/1.08 'Space Grotesk',sans-serif; letter-spacing:-.055em; }
.documents-page-panel p { margin:25px 0 0; color:var(--docs-muted); font-size:15px; line-height:1.72; }
.documents-page-panel a { color:var(--docs-blue); text-decoration:none; }
.documents-page-panel a:hover { color:#1556a6; }
.documents-page-subtitle { margin-top:26px !important; }
.documents-page-question { margin-top:18px !important; font-weight:600; }
.documents-page-phone { margin-top:10px !important; font-weight:600; }
.documents-page-phone span { color:var(--docs-ink); }
.documents-page-phone-block { margin-top:22px; padding:16px; border:1px solid rgba(36,119,212,.16); border-radius:16px; background:linear-gradient(135deg,rgba(234,243,255,.9),rgba(255,255,255,.96)); box-shadow:0 10px 26px rgba(31,73,140,.07); }
.documents-page-phone-label { display:flex; align-items:center; gap:8px; color:#5d7293; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.documents-page-phone-label::before { content:'☎'; display:grid; width:24px; height:24px; place-items:center; color:#2477d4; border-radius:8px; background:#dcecff; font-size:13px; }
.documents-page-phone-list { display:flex; flex-wrap:wrap; gap:9px; margin-top:12px; }
.documents-page-phone-link { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:0 12px; color:#123b70 !important; border:1px solid rgba(36,119,212,.18); border-radius:11px; background:#fff; box-shadow:0 5px 13px rgba(31,73,140,.06); font-size:13px; font-weight:800; line-height:1; text-decoration:none !important; white-space:nowrap; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease; }
.documents-page-phone-link svg { width:15px; height:15px; color:#2477d4; }
.documents-page-phone-link:hover,.documents-page-phone-link:focus-visible { color:#0b65c5 !important; border-color:rgba(36,119,212,.48); box-shadow:0 8px 18px rgba(31,73,140,.12); outline:none; transform:translateY(-2px); }
.documents-page-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.documents-page-action { display:inline-flex; align-items:center; gap:9px; min-height:48px; padding:0 18px; color:#fff !important; text-decoration:none !important; border:0; border-radius:6px; background:#55b5d5; box-shadow:0 8px 18px rgba(57,157,194,.16); cursor:pointer; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.documents-page-action:hover { color:#fff !important; background:#369fc5; transform:translateY(-2px); box-shadow:0 12px 24px rgba(57,157,194,.24); }
.documents-page-action svg { width:18px; height:18px; }
.documents-page-lower { display:grid; grid-template-columns:1.05fr .95fr; gap:2px; margin-top:2px; overflow:hidden; border:1px solid rgba(24,70,91,.11); border-radius:22px; background:#fff; }
.documents-page-requisites { padding:clamp(30px,4vw,48px); background:#ededee; }
.documents-page-requisites h2,.documents-page-help h2 { margin:15px 0 0; color:var(--docs-ink); font:700 clamp(1.9rem,3vw,2.6rem)/1.05 'Space Grotesk',sans-serif; letter-spacing:-.055em; }
.documents-page-requisites-list { display:grid; gap:6px; margin-top:34px; color:var(--docs-muted); font-size:14px; font-weight:600; line-height:1.55; }
.documents-page-help { padding:clamp(30px,4vw,48px); background:#fff; }
.documents-page-help p { max-width:410px; margin:20px 0 0; color:var(--docs-muted); font-size:15px; line-height:1.7; }
.documents-page-help-contact { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:24px; }
.documents-page-help-contact a { color:var(--docs-blue); font-size:14px; font-weight:700; white-space:nowrap; }
.documents-page-back { margin-top:28px; color:var(--docs-blue); font-size:13px; font-weight:700; text-decoration:none; }
.documents-page-back:hover { text-decoration:none; }
@media (max-width:800px) { .documents-page-grid,.documents-page-lower { grid-template-columns:1fr; } .documents-page-panel { min-height:0; } .documents-page-panel:nth-child(2) { border-top:1px solid rgba(24,70,91,.11); } .documents-page-requisites { border-bottom:1px solid rgba(24,70,91,.11); } }
@media (max-width:600px) { .documents-page-hero { padding:62px 0 58px; } .documents-page-body { padding:52px 0 76px; } .documents-page-actions { display:grid; } .documents-page-action { justify-content:center; } }
@media (prefers-reduced-motion:reduce) { .documents-page-action { transition:none; } }

.documents-page-additional { margin-top: 22px; padding: clamp(28px,4vw,44px); border: 1px solid rgba(37,91,161,.16); border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 22px 60px rgba(31,73,140,.12); }
.documents-page-additional h2 { margin: 14px 0 0; color: #102b55; font: 700 clamp(1.8rem,3vw,2.5rem)/1.06 'Space Grotesk',sans-serif; letter-spacing: -.055em; }
.documents-page-additional > p { max-width: 650px; margin: 14px 0 0; color: #5d7293; font-size: 14px; line-height: 1.65; }
.documents-page-additional-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.documents-page-additional-card { display: flex; min-height: 150px; flex-direction: column; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid rgba(37,91,161,.14); border-radius: 15px; background: linear-gradient(145deg,#f3f8ff,#fff); }
.documents-page-additional-card h3 { margin: 8px 0 0; color: #102b55; font: 700 17px/1.15 'Space Grotesk',sans-serif; }
.documents-page-additional-card p { margin: 8px 0 0; color: #5d7293; font-size: 12px; line-height: 1.5; }
.documents-page-additional-format { display: inline-flex; padding: 5px 8px; color: #1556a6; border-radius: 7px; background: #dcecff; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.documents-page-additional-card .documents-page-action { align-self: flex-start; min-height: 40px; padding: 0 13px; font-size: 11px; }
.homepage-additional-documents { margin-top: 18px; padding: 28px; border: 1px solid rgba(37,91,161,.16); border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 22px 60px rgba(31,73,140,.12); }
.homepage-additional-documents h3 { margin: 14px 0 0; color: #102b55; font: 700 clamp(1.7rem,3vw,2.35rem)/1.06 'Space Grotesk',sans-serif; letter-spacing: -.055em; }
.homepage-additional-documents > p { margin: 12px 0 0; color: #5d7293; font-size: 14px; line-height: 1.65; }
.homepage-additional-document-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 22px; }
.homepage-additional-document { display: grid; gap: 7px; padding: 15px; color: #102b55 !important; border: 1px solid rgba(37,91,161,.14); border-radius: 14px; background: linear-gradient(145deg,#f3f8ff,#fff); text-decoration: none !important; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.homepage-additional-document:hover { color: #1556a6 !important; border-color: rgba(36,119,212,.42); box-shadow: 0 10px 24px rgba(31,73,140,.11); transform: translateY(-2px); }
.homepage-additional-document span { width: max-content; padding: 4px 7px; color: #1556a6; border-radius: 6px; background: #dcecff; font-size: 9px; font-weight: 900; }
.homepage-additional-document strong { font-size: 13px; line-height: 1.25; }
.homepage-additional-document small { color: #5d7293; font-size: 11px; line-height: 1.45; }
@media (max-width: 800px) { .documents-page-additional-grid, .homepage-additional-document-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .documents-page-additional-grid, .homepage-additional-document-grid { grid-template-columns: 1fr; } .homepage-additional-documents { padding: 22px; } }

/* Shared document language: the full page and the homepage block use the same ocean-school system. */
.documents-page,
.homepage-documents {
  color: #102b40;
  background: linear-gradient(180deg, #f7fbff 0%, #edf5ff 100%);
}
.documents-page::before,
.homepage-documents::before {
  background: radial-gradient(circle at 6% 8%, rgba(85,221,255,.14), transparent 26%), radial-gradient(circle at 94% 80%, rgba(57,119,255,.12), transparent 30%);
  opacity: 1;
}
.documents-page-hero { background: linear-gradient(135deg, #06142f 0%, #0a2d69 58%, #087fbe 100%); }
.documents-page-body { padding-top: 76px; }
.documents-page-grid,
.documents-page-lower,
.homepage-documents-grid,
.homepage-documents-lower { position: relative; z-index: 1; }
.documents-page-panel,
.documents-page-requisites,
.documents-page-help,
.homepage-document-card,
.homepage-documents-requisites,
.homepage-documents-help { border-color: rgba(37,91,161,.16); box-shadow: 0 22px 60px rgba(31,73,140,.12); }
.documents-page-panel { background: rgba(255,255,255,.94); }
.documents-page-panel:nth-child(2),
.documents-page-help,
.homepage-documents-help { background: #fff; }
.documents-page-requisites,
.homepage-documents-requisites { background: linear-gradient(145deg, #eaf3ff, #fff); }
.documents-page-panel h2,
.documents-page-requisites h2,
.documents-page-help h2,
.homepage-document-card h3,
.homepage-documents-requisites h3,
.homepage-documents-help h3 { color: #102b55; }
.documents-page-panel p,
.documents-page-help p,
.homepage-document-card p,
.homepage-documents-help p { color: #5d7293; }
.documents-page-panel a,
.documents-page-help-contact a,
.homepage-document-card a,
.homepage-documents-contact a,
.homepage-documents-link { color: #2477d4; font-weight: 700; text-decoration: none !important; }
.documents-page-panel a:hover,
.documents-page-help-contact a:hover,
.homepage-document-card a:hover,
.homepage-documents-contact a:hover,
.homepage-documents-link:hover { color: #1556a6; }
.documents-page-action { color: #06213a !important; background: linear-gradient(125deg, #3977ff 0%, #58c6ff 52%, #62e7ff 100%) !important; }

.homepage-documents { padding: 108px 0; }
.homepage-documents-intro { display: grid; grid-template-columns: 1fr .82fr; align-items: end; gap: 38px; margin-bottom: 42px; }
.homepage-documents .section-title { color: #102b55; }
.homepage-documents .section-copy { color: #5d7293; }
.homepage-documents-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.homepage-document-card { display: flex; min-height: 515px; flex-direction: column; padding: clamp(28px, 4vw, 44px); border: 1px solid rgba(37,91,161,.16); border-radius: 24px; background: rgba(255,255,255,.94); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.homepage-document-card:hover { transform: translateY(-6px); border-color: rgba(36,119,212,.42); box-shadow: 0 28px 64px rgba(31,73,140,.17); }
.homepage-document-kicker { display: inline-flex; align-items: center; gap: 9px; color: #2477d4; font: 700 11px 'DM Sans', sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.homepage-document-kicker::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 15px currentColor; }
.homepage-document-card h3 { margin: 19px 0 0; font: 700 clamp(1.8rem, 3vw, 2.55rem)/1.06 'Space Grotesk', sans-serif; letter-spacing: -.055em; }
.homepage-document-card p { margin: 18px 0 0; font-size: 14px; line-height: 1.7; }
.homepage-document-card p + p { margin-top: 14px; }
.homepage-document-question { margin-top: 25px !important; font-weight: 600; }
.homepage-document-phone { margin-top: 8px !important; }
.homepage-document-phone strong { color: #102b55; }
.homepage-document-phone { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.homepage-document-phone strong { padding:7px 10px; border-radius:9px; color:#2477d4; background:#eaf3ff; font-size:11px; letter-spacing:.04em; }
.homepage-document-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: auto; padding-top: 30px; }
.homepage-document-actions .documents-page-action { min-height: 48px; }
.homepage-documents-lower { display: grid; grid-template-columns: 1.05fr .95fr; gap: 18px; margin-top: 18px; }
.homepage-documents-requisites,
.homepage-documents-help { min-height: 255px; padding: clamp(28px, 4vw, 44px); border: 1px solid rgba(37,91,161,.16); border-radius: 24px; }
.homepage-documents-requisites h3,
.homepage-documents-help h3 { margin: 16px 0 0; font: 700 clamp(1.75rem, 3vw, 2.45rem)/1.05 'Space Grotesk', sans-serif; letter-spacing: -.055em; }
.homepage-requisites-list { display: grid; gap: 7px; margin-top: 26px; color: #5d7293; font-size: 13px; font-weight: 600; line-height: 1.5; }
.homepage-documents-help p { max-width: 470px; margin: 17px 0 0; font-size: 14px; line-height: 1.7; }
.homepage-documents-contact { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 21px; font-size: 13px; }
.homepage-documents-contact a { white-space: nowrap; }
.homepage-documents-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; font-size: 13px; }

@media (max-width: 800px) {
  .homepage-documents-intro { display: block; }
  .homepage-documents-intro .section-copy { margin-top: 17px !important; }
  .homepage-documents-grid,
  .homepage-documents-lower { grid-template-columns: 1fr; }
  .homepage-document-card { min-height: 0; }
}
@media (max-width: 600px) {
  .homepage-documents { padding: 76px 0; }
  .homepage-document-card { padding: 28px 22px; }
  .homepage-document-card h3 { font-size: 2rem; }
  .homepage-document-actions { display: grid; }
  .homepage-document-actions .documents-page-action { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .homepage-document-card { transition: none; } }