.info-docs{
padding:110px 0 120px;
background:linear-gradient(180deg,#fcfcfe 0%,#f1f4f9 100%);
position:relative;
overflow:hidden;
}

.info-docs::before{
content:"";
position:absolute;
top:-220px;
left:-220px;
width:460px;
height:460px;
background:radial-gradient(circle,rgba(122,69,196,0.10),transparent 72%);
pointer-events:none;
}

.info-docs::after{
content:"";
position:absolute;
right:-140px;
bottom:-160px;
width:340px;
height:340px;
background:radial-gradient(circle,rgba(167,190,47,0.10),transparent 72%);
pointer-events:none;
}

.info-docs .container{
position:relative;
z-index:1;
width:min(92%,1120px);
}

.info-docs-intro{
max-width:860px;
margin:0 auto 42px;
padding:36px clamp(22px,4vw,40px);
border-radius:28px;
background:rgba(255,255,255,0.88);
border:1px solid rgba(122,69,196,0.08);
box-shadow:0 22px 50px rgba(19,24,39,0.08);
backdrop-filter:blur(14px);
text-align:center;
}

.info-docs-kicker{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 14px;
border-radius:999px;
background:rgba(122,69,196,0.09);
color:var(--violet);
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}

.info-docs-kicker::before{
content:"";
width:8px;
height:8px;
border-radius:999px;
background:var(--vert);
box-shadow:0 0 0 6px rgba(167,190,47,0.12);
}

.info-docs-intro h2{
margin:16px 0 12px;
font-size:clamp(32px,3vw,40px);
line-height:1.12;
color:var(--texte);
}

.info-docs-intro p{
max-width:640px;
margin:0 auto;
color:#636876;
line-height:1.72;
font-size:16px;
}

.info-docs-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
max-width:1040px;
margin:0 auto;
}

.info-doc-card{
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:left;
gap:14px;
padding:28px 26px;
border-radius:24px;
background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(250,250,253,0.94));
border:1px solid rgba(122,69,196,0.10);
box-shadow:0 18px 40px rgba(19,24,39,0.06);
min-height:240px;
transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.info-doc-card:hover{
transform:translateY(-4px);
border-color:rgba(122,69,196,0.18);
box-shadow:0 24px 46px rgba(19,24,39,0.10);
}

.info-doc-card.wide{
grid-column:1 / -1;
}

.info-doc-tag{
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 11px;
border-radius:999px;
background:rgba(122,69,196,0.08);
color:var(--violet);
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}

.info-doc-card h3{
font-size:24px;
line-height:1.2;
color:var(--texte);
}

.info-doc-card p{
color:#616777;
line-height:1.72;
font-size:15px;
}

.info-doc-card .btn{
margin-top:auto;
align-self:flex-start;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:12px 22px;
border-radius:999px;
background:linear-gradient(135deg,var(--violet),#9b73e3);
font-size:14px;
box-shadow:0 14px 34px rgba(122,69,196,0.28);
}

.info-doc-card .btn:hover{
box-shadow:0 18px 38px rgba(122,69,196,0.34);
}

@media(max-width:900px){

.info-docs{
padding:88px 0 96px;
}

.info-docs-intro{
margin-bottom:32px;
padding:30px 26px;
border-radius:24px;
}

.info-docs-grid{
grid-template-columns:1fr;
gap:16px;
}

.info-doc-card,
.info-doc-card.wide{
grid-column:auto;
min-height:auto;
}

}

@media(max-width:600px){

.info-docs{
padding:70px 0 82px;
}

.info-docs .container{
width:min(92%,560px);
}

.info-docs-intro{
margin-bottom:24px;
padding:22px 18px 20px;
border-radius:20px;
text-align:left;
}

.info-docs-kicker{
font-size:10px;
letter-spacing:.10em;
}

.info-docs-intro h2{
margin:14px 0 10px;
font-size:28px;
}

.info-docs-intro p{
margin:0;
font-size:15px;
}

.info-docs-grid{
gap:14px;
}

.info-doc-card{
padding:20px 18px;
border-radius:18px;
gap:12px;
}

.info-doc-card h3{
font-size:20px;
}

.info-doc-card p{
font-size:14px;
}

.info-doc-card .btn{
width:100%;
align-self:stretch;
padding:13px 16px;
}

}

@media(max-width:380px){

.info-docs{
padding:64px 0 76px;
}

.info-docs-intro h2{
font-size:25px;
}

.info-doc-card{
padding:18px 16px;
}

}