/* public/css/adhesion.css — Lead Now Premium 2025 : bleu clair #007bff + or #ffc107 */
*{margin:0;padding:0;box-sizing:border-box}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    background:#f8f9fa;
    color:#2d3748;
    line-height:1.7;
    min-height:100vh
}
.container{max-width:920px;margin:0 auto;padding:2rem 1rem}

/* Hero épuré bleu clair */
.hero{
    text-align:center;
    padding:6rem 1.5rem 4.5rem;
    background:linear-gradient(135deg,#007bff,#0062cc);
    color:#fff;
    margin-bottom:4rem;
    border-radius:1.8rem;
    box-shadow:0 20px 50px rgba(0,123,255,0.15)
}
.hero h1{
    font-size:clamp(2.6rem,6vw,3.6rem);
    font-weight:800;
    letter-spacing:-0.5px;
    margin-bottom:1rem;
    background:linear-gradient(to right,#ffc107,#ffb300);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.hero p{
    font-size:1.18rem;
    max-width:620px;
    margin:0 auto;
    opacity:0.92;
    font-weight:400
}

/* Success discret */
.success{
    background:#28a745;color:#fff;padding:1.2rem;
    border-radius:1rem;text-align:center;
    font-weight:600;font-size:1.02rem;
    margin-bottom:3rem;box-shadow:0 10px 30px rgba(40,167,69,0.2)
}

/* Carte ultra-fine */
.form-card{
    background:#fff;
    border-radius:1.8rem;
    box-shadow:0 15px 50px rgba(0,123,255,0.08);
    margin-bottom:4.5rem;
    overflow:hidden;
    border:1px solid #e2e8f0
}
.form-header{
    background:#007bff;
    color:#fff;
    text-align:center;
    padding:2.8rem 2rem
}
.form-header h2{
    font-size:1.85rem;
    font-weight:700;
    margin-bottom:0.4rem
}
.form-header p{
    font-size:1.02rem;
    opacity:0.9
}
.form-body{padding:3.5rem 2.8rem}

/* Inputs très propres */
.form-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:1.6rem
}
.form-group label{
    display:block;
    font-size:0.94rem;
    font-weight:600;
    margin-bottom:0.5rem;
    color:#2d3748
}
.form-group input,
.form-group select{
    width:100%;
    padding:0.95rem 1.1rem;
    font-size:1rem;
    border:1px solid #cbd5e0;
    border-radius:0.9rem;
    background:#fff;
    transition:all .3s
}
.form-group input:focus,
.form-group select:focus{
    outline:none;
    border-color:#007bff;
    box-shadow:0 0 0 4px rgba(0,123,255,0.12)
}

/* Bouton or sur fond blanc */
.submit-btn{
    display:block;
    width:100%;
    max-width:360px;
    margin:3rem auto 0;
    padding:1.05rem;
    background:#ffc107;
    color:#1a1a1a;
    font-size:1.1rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    border:none;
    border-radius:9999px;
    cursor:pointer;
    transition:all .3s;
    box-shadow:0 12px 35px rgba(255,193,7,0.3)
}
.submit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 45px rgba(255,193,7,0.4)
}

/* Avantages en bleu clair */
.advantages h3{
    text-align:center;
    font-size:1.75rem;
    margin:4rem 0 2.5rem;
    font-weight:700;
    color:#1a202c
}
.advantages-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1.6rem;
    margin-bottom:4rem
}
.advantage-card{
    background:#007bff;
    color:#fff;
    padding:2.2rem 1.2rem;
    border-radius:1.2rem;
    text-align:center;
    transition:transform .3s
}
.advantage-card:hover{transform:translateY(-6px)}
.advantage-card .number{
    font-size:3.4rem;
    font-weight:800;
    margin-bottom:0.5rem
}

/* Tarifs ultra-chic bleu clair + or */
.pricing{
    text-align:center;
    background:#007bff;
    color:#fff;
    padding:2.6rem 2rem;
    border-radius:1.5rem;
    margin-bottom:2rem
}
.pricing h3{
    font-size:1.45rem;
    font-weight:600;
    margin-bottom:1rem;
    opacity:0.95
}
.price{
    font-size:2.6rem;
    font-weight:800;
    letter-spacing:-0.5px
}
.price .gold{
    color:#ffc107;
    font-size:3rem;
}

/* Mobile */
@media(max-width:768px){
    .form-body{padding:3rem 1.8rem}
    .hero h1{font-size:2.6rem}
    .price{font-size:2.3rem}
}


/* Ajouts pour la page parrainage — même style bleu clair + or */
.parrainage-hero {
    text-align:center;
    padding:6rem 1.5rem 4.5rem;
    background:linear-gradient(135deg,#007bff,#0062cc);
    color:#fff;
    margin-bottom:4rem;
    border-radius:1.8rem;
    box-shadow:0 20px 50px rgba(0,123,255,0.15)
}
.parrainage-hero h1 {
    font-size:clamp(2.6rem,6vw,3.6rem);
    font-weight:800;
    letter-spacing:-0.5px;
    margin-bottom:1rem;
    background:linear-gradient(to right,#ffc107,#ffb300);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.parrainage-hero p {
    font-size:1.18rem;
    max-width:620px;
    margin:0 auto;
    opacity:0.92
}

/* Formulaire parrainage */
.parrainage-form {
    background:#fff;
    border-radius:1.8rem;
    box-shadow:0 15px 50px rgba(0,123,255,0.08);
    padding:3rem;
    margin-bottom:4rem;
    border:1px solid #e2e8f0
}
.parrainage-form label {
    font-size:0.94rem;
    font-weight:600;
    margin-bottom:0.5rem;
    color:#2d3748
}
.parrainage-form input,
.parrainage-form select {
    padding:0.95rem 1.1rem;
    font-size:1rem;
    border:1px solid #cbd5e0;
    border-radius:0.9rem;
    transition:all .3s
}
.parrainage-form input:focus,
.parrainage-form select:focus {
    border-color:#007bff;
    box-shadow:0 0 0 4px rgba(0,123,255,0.12)
}

/* Checkboxes et radios stylés */
.form-check-input:checked {
    background-color:#007bff;
    border-color:#007bff
}
.btn-outline-primary {
    border-color:#007bff;
    color:#007bff
}
.btn-outline-primary.active,
.btn-outline-primary:active {
    background-color:#007bff;
    color:#fff
}

/* Bouton submit */
.parrainage-submit {
    background:#ffc107;
    color:#1a1a1a;
    font-weight:700;
    border:none;
    border-radius:9999px;
    padding:1rem 2rem;
    transition:all .3s
}
.parrainage-submit:hover {
    transform:translateY(-2px);
    box-shadow:0 18px 45px rgba(255,193,7,0.4)
}

/* Avantages rappelés */
.parrainage-advantages {
    text-align:center;
    margin:4rem 0
}
.parrainage-advantages h3 {
    font-size:1.75rem;
    margin-bottom:2.5rem;
    color:#1a202c
}
.parrainage-advantages-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1.6rem
}
.parrainage-advantage-card {
    background:#007bff;
    color:#fff;
    padding:2.2rem 1.2rem;
    border-radius:1.2rem;
    text-align:center
}
.parrainage-advantage-card .number {
    font-size:3.4rem;
    font-weight:800;
    margin-bottom:0.5rem
}