:root { --pink:#ec1561; --orange:#f25720; --amber:#f5992c; --purple:#762285; --lime:#d0df53; --ink:#302535; --paper:#fffdf7; }
* { box-sizing: border-box; }
body { margin:0; background:var(--lime); color:var(--ink); }
.container { min-height:100vh; overflow-x:hidden; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; }
.navigation { align-items:center; display:flex; background:var(--pink); width:100%; min-height:6em; z-index:3; }
.logo { display:flex; justify-content:center; }
.logo img { width:4em; }
.menu { display:flex; align-items:center; width:84%; justify-content:center; }
a { text-decoration:none; }
.navigation a,.main-menu a,.footer a { color:#fff; }
.title_page { min-height:clamp(19rem,42vw,31rem); display:flex; align-items:center; justify-content:center; padding:2rem; position:relative; isolation:isolate; overflow:hidden; background-image:url(./../images/dokumenty_title.png); background-size:cover; background-position:center; }
.title_page::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(115deg,rgba(118,34,133,.58),rgba(208,223,83,.28) 55%,rgba(242,87,32,.38)); }
.title_page::after { content:""; position:absolute; left:-4vw; right:-4vw; bottom:-4.5rem; height:7rem; background:var(--lime); transform:rotate(-2deg); transform-origin:left bottom; }
.title_page h1 { margin:0; max-width:1050px; padding:.18em .35em .24em; color:#fff; background:rgba(236,21,97,.92); box-shadow:.24em .22em 0 rgba(242,87,32,.94); font-size:clamp(2.45rem,6vw,5.25rem); line-height:1.04; font-weight:650; text-align:center; }
.content-wrap { width:min(1180px,calc(100% - 2.5rem)); margin:1.5rem auto 5rem; }
.content-card,.service-card { position:relative; }
.content-card { margin:0 0 2.25rem; padding:clamp(2rem,5vw,4.5rem); background:var(--paper); border-left:.65rem solid var(--pink); box-shadow:1.1rem 1.1rem 0 rgba(118,34,133,.13); }
.content-wrap>.content-card:first-child { margin-top:-2rem; z-index:1; font-size:1.08rem; }
.content-card h2,.service-card h2,.content-card h3 { color:var(--purple); line-height:1.18; }
.content-card h2:first-child,.service-card h2:first-child { margin-top:0; }
.content-card p,.content-card li,.service-card p,.service-card li { line-height:1.72; }
.content-card ul,.content-card ol,.service-card ul,.service-card ol { padding-left:1.45rem; }
section[aria-labelledby]>.content-card { margin:4.5rem 0 1.2rem; padding:0; background:transparent; border:0; box-shadow:none; }
section[aria-labelledby]>.content-card h2 { margin-bottom:.35rem; color:var(--purple); font-size:clamp(2rem,4vw,3.3rem); }
.services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.35rem; margin:1.4rem 0 3.5rem; }
.service-card { padding:clamp(1.6rem,3vw,2.35rem); background:var(--paper); border-top:.55rem solid var(--purple); }
section[aria-labelledby] .service-card { color:#fff; border:0; overflow:hidden; }
section[aria-labelledby] .service-card:nth-child(1) { background:var(--purple); }
section[aria-labelledby] .service-card:nth-child(2) { background:var(--pink); }
section[aria-labelledby] .service-card:nth-child(3) { background:var(--orange); }
section[aria-labelledby] .service-card::after { content:"§"; position:absolute; right:-.05em; bottom:-.34em; color:rgba(255,255,255,.1); font:800 11rem/1 Georgia,serif; }
section[aria-labelledby] .service-card h2,section[aria-labelledby] .service-card p,section[aria-labelledby] .service-card li { color:#fff; position:relative; z-index:1; }
.services-grid[aria-label] .service-card:nth-child(2) { border-color:var(--pink); }
.services-grid[aria-label] .service-card:nth-child(3) { border-color:var(--orange); }
.section-label { color:inherit; font-weight:750; letter-spacing:.025em; }
.page-services .content-wrap>.content-card:nth-of-type(2) { background:var(--purple); color:#fff; border-left-color:var(--orange); }
.page-services .content-wrap>.content-card:nth-of-type(2) h2,.page-services .content-wrap>.content-card:nth-of-type(2) h3,.page-services .content-wrap>.content-card:nth-of-type(2) p { color:#fff; }
.page-services .content-wrap>.content-card:nth-of-type(2) h3 { margin:1.7rem 0 .15rem; color:#ffdf4a; }
.page-services .content-wrap>.content-card:last-child,.page-applicants .content-wrap>.content-card:last-child { background:var(--paper); border-left-color:var(--orange); }
.page-applicants .services-grid .service-card { border-top:0; }
.page-applicants .services-grid .service-card:nth-child(1) { border-left:.55rem solid var(--purple); }
.page-applicants .services-grid .service-card:nth-child(2) { border-left:.55rem solid var(--pink); }
.page-applicants .services-grid .service-card:nth-child(3) { border-left:.55rem solid var(--orange); }
.document-cta { display:inline-flex; align-items:center; margin-top:.8rem; padding:.9rem 1.25rem; background:var(--purple); color:#fff; font-weight:700; border-bottom:.3rem solid var(--pink); transition:transform 150ms ease,background 150ms ease; }
.document-cta:hover,.document-cta:focus-visible { background:var(--pink); transform:translateY(-3px); }
.footer { background:var(--amber); display:flex; align-items:center; justify-content:center; width:100%; padding:2.8em 0; }
.footer-wrap { width:min(1400px,92%); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:6em; }
.footer-col h4 { color:#fff; font-size:1.35em; margin:0 0 .6em; }
.footer-col p { color:#fff; line-height:1.8em; margin:.2em 0; }
.footer-col a:hover { text-decoration:underline; }
@media screen and (max-width:900px) { .services-grid{grid-template-columns:1fr}.title_page{min-height:17rem}.footer-wrap{grid-template-columns:1fr;row-gap:1.4em} }
@media screen and (max-width:560px) { .content-wrap{width:calc(100% - 1rem);margin-top:.6rem}.content-card{padding:1.5rem;box-shadow:.5rem .5rem 0 rgba(118,34,133,.13)}.title_page h1{font-size:2.25rem} }