::root{
 --page-bg: linear-gradient(180deg, #f5f8ff 0%, #fbf8ff 100%);
 --card-bg:#fff;
 --muted:#6b7280;
 --accent:#111827;
}

html,body{
 height:100%;
 margin:0;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
 background:var(--page-bg);
 color:var(--accent);
}

.partners-container{
 max-width:1522px;
 margin:48px auto;
 padding:28px;
 box-sizing:border-box;
}

.partners-hero{
 text-align:center;
 padding:28px 12px 40px 12px;
}

.partners-hero h1{
 margin:0 0 24px 0;
 font-size:40px;
 font-weight:700;
}

.partners-hero p{
 margin:0 0 64px 0;
 color:var(--muted);
 font-size:24px;
}

.partners-cta{
 display:inline-block;
 background:#111827;
 color:#fff;
 width: 146px;
 height: 46px;
 line-height: 46px;
 text-align: center;
 border-radius:6px;
 text-decoration:none;
 font-weight:700;
 font-size: 16px;
}

.partners-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:18px;
 margin-top:28px;
}

.partners-card{
 background:var(--card-bg);
 border-radius:12px;
 padding:18px;
 box-shadow:0 8px 20px rgba(16,24,40,0.06);
 border:1px solid rgba(15,23,42,0.03);
 min-height:110px;
 display:flex;
 flex-direction:column;
 gap:12px;
 align-items:flex-start;
}

.partners-card .logo{
 width:44px;
 height:44px;
 border-radius:8px;
 background:#eef6ff;
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:700;
 color:#0f172a;
 flex:none;
 margin-bottom:8px;
}

.partners-card .body{
 font-size:13px;
 color:var(--muted);
 line-height:1.55;
}

.partners-section-title{
 text-align:center;
 margin-top:60px;
 font-size:24px;
 color:#374151;
 font-weight:700;
 margin-bottom: 32px;
}

@media (max-width:900px){
 .partners-grid{
  grid-template-columns:repeat(2,1fr);
 }
}

@media (max-width:560px){
 .partners-container{
  padding:16px;
 }

 .partners-grid{
  grid-template-columns:1fr;
 }

 .partners-hero h1{
  font-size:20px;
 }
}