*{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.75),rgba(0,0,0,0.85)),url('https://www.trouvillesurmer.org/app/uploads/2025/03/trouville-casino-trouville-machines-a-sous-2.webp');background-size:cover;background-position:center;padding:2.5rem 0 2rem;text-align:center;position:relative;box-shadow:0 8px 30px rgba(0,0,0,0.7);}.logo{font-family:'Poppins',sans-serif;font-size:3.6rem;font-weight:800;color:#ffcc00;text-decoration:none;letter-spacing:-1.5px;display:inline-block;}.logo span{color:#ff8533;font-weight:700;}.hero{padding:9rem 0 7rem;background:linear-gradient(rgba(10,5,30,0.88),rgba(20,10,50,0.82)),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.8rem;color:#ffffff;margin-bottom:1.3rem;text-shadow:0 5px 15px rgba(0,0,0,0.8);}.hero p{font-size:1.45rem;max-width:820px;margin:0 auto 3rem;color:#d8d8ff;}.btn-primary{display:inline-block;background:linear-gradient(90deg,#ff6600,#ff8533);color:white;padding:1.2rem 3rem;border-radius:70px;text-decoration:none;font-weight:700;font-size:1.3rem;box-shadow:0 10px 30px rgba(255,102,0,0.5);transition:all 0.4s;}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(255,102,0,0.65);}h2.section-title{font-family:'Poppins',sans-serif;text-align:center;font-size:2.8rem;color:#ffcc00;margin:5rem 0 2.8rem;}.bonos-section{margin-bottom:5.5rem;}.bono-card{max-width:720px;margin:0 auto;background:#181830;border-radius:20px;overflow:hidden;box-shadow:0 14px 45px rgba(0,0,0,0.65);transition:all 0.4s;}.bono-card:hover{transform:translateY(-12px);box-shadow:0 28px 60px rgba(255,102,0,0.3);}.bono-header{background:linear-gradient(90deg,#ff6600,#ff8533);color:white;padding:1.5rem;text-align:center;font-weight:700;font-size:1.65rem;}.bono-body{padding:2.6rem 2.4rem;text-align:center;}.bono-body h3{font-size:2.3rem;color:#ffcc00;margin-bottom:1.4rem;}.bono-body p{font-size:1.2rem;margin-bottom:2.2rem;color:#d0d0ff;}.date-info{font-size:1.05rem;color:#aaa;margin-top:1.5rem;}.terms-box{background:#0f0f1a;padding:1.6rem;margin:2.2rem 0;border-radius:14px;font-size:1.02rem;color:#bbb;text-align:left;}.articles-section{padding:2rem 0 6rem;}.articles-list{background:#181830;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.55);margin-bottom:3.5rem;}.article-item{display:flex;justify-content:space-between;align-items:center;padding:1.8rem 2.8rem;border-bottom:1px solid #282848;transition:background 0.3s;}.article-item:hover{background:#222240;}.article-item:last-child{border-bottom:none;}.article-title a{color:#b0ccff;text-decoration:none;font-size:1.32rem;font-weight:500;transition:color 0.3s;}.article-title a:hover{color:#ffcc00;}.article-date{color:#999;font-size:1rem;white-space:nowrap;min-width:160px;text-align:right;}.pagination{display:flex;justify-content:center;gap:1.3rem;flex-wrap:wrap;}.page-link{display:inline-block;padding:0.8rem 1.5rem;background:#222240;color:#ddd;text-decoration:none;border-radius:12px;font-weight:500;transition:all 0.3s;}.page-link:hover,.page-link.active{background:#ff6600;color:white;transform:translateY(-3px);}.page-link.disabled{background:#111122;color:#555;cursor:not-allowed;}.about{background:#121226;padding:6.5rem 0 4.5rem;text-align:center;}.about p{max-width:860px;margin:0 auto 2.4rem;font-size:1.2rem;color:#d0d0ff;}footer{background:#0a0a14;padding:4.5rem 0 2.5rem;text-align:center;color:#777;font-size:1rem;}@media (max-width:768px){header{padding:2rem 0 1.5rem;}.logo{font-size:2.8rem;}.hero{padding:7rem 0 5rem;}.hero h1{font-size:2.9rem;}.hero p{font-size:1.3rem;}.article-item{flex-direction:column;align-items:flex-start;gap:1.1rem;padding:2.2rem 2rem;}.article-date{text-align:left;min-width:auto;}}