Assurance Trottinette Électrique

:root{
–tep-dark:#0f172a;
–tep-dark2:#111827;
–tep-orange:#f59e0b;
–tep-light:#f8fafc;
–tep-border:#e5e7eb;
–tep-text:#1e293b;
–tep-muted:#64748b;
}

.tep-cat{
max-width:1180px;
margin:auto;
font-family:Arial,sans-serif;
color:var(–tep-text);
line-height:1.8;
}

.tep-hero{
position:relative;
overflow:hidden;
border-radius:30px;
padding:70px 35px;
margin:25px 0 45px;
background:
radial-gradient(circle at top right, rgba(245,158,11,.20), transparent 30%),
linear-gradient(135deg,#071426 0%,#0d47a1 100%);
color:#fff;
}

.tep-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:9px 18px;
border-radius:999px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.14);
margin-bottom:18px;
font-size:13px;
font-weight:800;
letter-spacing:.6px;
}

.tep-hero h2{
margin:0 0 20px;
font-size:clamp(36px,5vw,62px);
line-height:1.08;
color:#fff;
}

.tep-hero p{
max-width:850px;
font-size:18px;
color:rgba(255,255,255,.88);
}

.tep-btns{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:28px;
}

.tep-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px 24px;
border-radius:16px;
text-decoration:none;
font-weight:800;
transition:.25s ease;
}

.tep-btn-primary{
background:linear-gradient(135deg,#f59e0b,#ffcb45);
color:#071426;
}

.tep-btn-secondary{
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.14);
color:#fff;
}

.tep-btn:hover{
transform:translateY(-2px);
}

.tep-section{
margin:55px 0;
}

.tep-section h2{
font-size:38px;
line-height:1.2;
color:var(–tep-dark);
margin-bottom:18px;
}

.tep-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.tep-card{
background:#fff;
border:1px solid var(–tep-border);
border-radius:26px;
padding:30px;
box-shadow:0 12px 35px rgba(15,23,42,.05);
}

.tep-card h3{
margin-top:0;
color:var(–tep-dark2);
font-size:24px;
}

.tep-list{
padding-left:20px;
}

.tep-list li{
margin-bottom:10px;
}

.tep-highlight{
margin-top:25px;
padding:24px;
border-radius:20px;
background:#fff8eb;
border-left:5px solid var(–tep-orange);
}

.tep-links{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:22px;
}

.tep-link{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 20px;
border-radius:999px;
background:#f8fafc;
border:1px solid var(–tep-border);
text-decoration:none;
font-weight:700;
color:var(–tep-dark);
transition:.25s ease;
}

.tep-link:hover{
background:#fff;
transform:translateY(-2px);
}

.tep-cta{
background:
radial-gradient(circle at top right, rgba(245,158,11,.16), transparent 35%),
linear-gradient(135deg,#111827,#071426);
border-radius:30px;
padding:55px 30px;
text-align:center;
color:#fff;
margin:65px 0;
}

.tep-cta h3{
margin-top:0;
font-size:38px;
color:#fff;
}

.tep-cta p{
max-width:820px;
margin:auto;
color:rgba(255,255,255,.82);
}

.tep-faq{
display:grid;
gap:18px;
}

.tep-faq details{
border:1px solid var(–tep-border);
border-radius:18px;
overflow:hidden;
background:#fff;
}

.tep-faq summary{
cursor:pointer;
padding:22px;
font-weight:800;
}

.tep-faq p{
padding:0 22px 22px;
margin:0;
}

@media(max-width:768px){

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

.tep-hero{
padding:45px 22px;
}

.tep-section h2{
font-size:30px;
}

.tep-cta h3{
font-size:30px;
}

}