*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Roboto',sans-serif;background:#0f0f1a;color:#e0e0ff;line-height:1.6;}.container{max-width:1240px;margin:0 auto;padding:0 20px;}header{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)),url('https://www.trouvillesurmer.org/app/uploads/2025/03/trouville-casino-trouville-machines-a-sous-2.webp');background-size:cover;background-position:center;padding:1.4rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 6px 20px rgba(0,0,0,0.7);}.header-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;}.logo{font-family:'Poppins',sans-serif;font-size:2.4rem;font-weight:700;color:#ffcc00;text-decoration:none;}.logo span{color:#ff8533;}nav ul{display:flex;list-style:none;gap:2.2rem;}nav a{color:#f0f0ff;text-decoration:none;font-weight:500;font-size:1.05rem;transition:color 0.3s;}nav a:hover{color:#ffcc00;}.hero{padding:10rem 0 7rem;background:linear-gradient(rgba(12,8,35,0.82),rgba(22,12,55,0.78)),url('https://www.trouvillesurmer.org/app/uploads/2025/03/trouville-casino-trouville-machines-a-sous-2.webp');background-size:cover;background-position:center;text-align:center;}.hero h1{font-family:'Poppins',sans-serif;font-size:3.6rem;color:#ffffff;margin-bottom:1.2rem;text-shadow:0 4px 12px rgba(0,0,0,0.7);}.hero p{font-size:1.4rem;max-width:780px;margin:0 auto 2.6rem;color:#d8d8ff;}.btn-primary{display:inline-block;background:linear-gradient(90deg,#ff6600,#ff8533);color:white;padding:1.1rem 2.6rem;border-radius:60px;text-decoration:none;font-weight:700;font-size:1.2rem;box-shadow:0 8px 25px rgba(255,102,0,0.45);transition:all 0.35s;}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(255,102,0,0.6);}h2.section-title{font-family:'Poppins',sans-serif;text-align:center;font-size:2.7rem;color:#ffcc00;margin:4.5rem 0 2.5rem;}.bonos-section{margin-bottom:5rem;}.bono-card{max-width:680px;margin:0 auto;background:#181830;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.6);transition:all 0.35s;}.bono-card:hover{transform:translateY(-10px);box-shadow:0 22px 50px rgba(255,102,0,0.28);}.bono-header{background:linear-gradient(90deg,#ff6600,#ff8533);color:white;padding:1.4rem;text-align:center;font-weight:700;font-size:1.55rem;}.bono-body{padding:2.4rem 2.2rem;text-align:center;}.bono-body h3{font-size:2.15rem;color:#ffcc00;margin-bottom:1.3rem;}.bono-body p{font-size:1.18rem;margin-bottom:2rem;color:#d0d0ff;}.date-info{font-size:1rem;color:#aaa;margin-top:1.4rem;}.terms-box{background:#0f0f1a;padding:1.5rem;margin:2rem 0;border-radius:12px;font-size:1rem;color:#bbb;text-align:left;}.articles-section{padding:2rem 0 5rem;}.articles-list{background:#181830;border-radius:14px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,0.5);margin-bottom:3rem;}.article-item{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 2.5rem;border-bottom:1px solid #282848;transition:background 0.25s;}.article-item:hover{background:#222240;}.article-item:last-child{border-bottom:none;}.article-title a{color:#b0ccff;text-decoration:none;font-size:1.28rem;font-weight:500;transition:color 0.3s;}.article-title a:hover{color:#ffcc00;}.article-date{color:#999;font-size:0.98rem;white-space:nowrap;min-width:150px;text-align:right;}.pagination{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;}.page-link{display:inline-block;padding:0.75rem 1.4rem;background:#222240;color:#ddd;text-decoration:none;border-radius:10px;font-weight:500;transition:all 0.3s;}.page-link:hover,.page-link.active{background:#ff6600;color:white;transform:translateY(-2px);}.page-link.disabled{background:#111122;color:#555;cursor:not-allowed;}.about{background:#121226;padding:6rem 0 4rem;text-align:center;}.about p{max-width:820px;margin:0 auto 2.2rem;font-size:1.18rem;color:#d0d0ff;}footer{background:#0a0a14;padding:4rem 0 2rem;text-align:center;color:#777;font-size:0.98rem;}@media (max-width:768px){.hero{padding:8rem 0 6rem;}.hero h1{font-size:2.8rem;}.hero p{font-size:1.25rem;}nav ul{gap:1.4rem;justify-content:center;flex-wrap:wrap;}.article-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 1.8rem;}.article-date{text-align:left;min-width:auto;}}