*{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;letter-spacing:-1px;}.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 8rem;background:linear-gradient(rgba(10,5,30,0.85),rgba(20,10,50,0.75)),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.2rem;text-shadow:0 4px 12px rgba(0,0,0,0.7);}.hero p{font-size:1.45rem;max-width:780px;margin:0 auto 2.8rem;color:#d8d8ff;}.btn-primary{display:inline-block;background:linear-gradient(90deg,#ff6600,#ff8533);color:white;padding:1.15rem 2.8rem;border-radius:60px;text-decoration:none;font-weight:700;font-size:1.25rem;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.8rem;color:#ffcc00;margin:5rem 0 2.8rem;position:relative;}h2.section-title::after{content:'';width:80px;height:4px;background:#ff6600;position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);border-radius:2px;}.bonos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin-bottom:5rem;}.bono-card{background:#181830;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,0.55);transition:all 0.35s;}.bono-card:hover{transform:translateY(-14px);box-shadow:0 24px 50px rgba(255,102,0,0.3);}.bono-header{background:linear-gradient(90deg,#ff6600,#ff8533);color:white;padding:1.3rem;text-align:center;font-weight:700;font-size:1.5rem;}.bono-body{padding:2.2rem 2rem;text-align:center;}.bono-body h3{font-size:2.1rem;color:#ffcc00;margin-bottom:1.2rem;}.bono-body p{font-size:1.15rem;margin-bottom:1.8rem;color:#d0d0ff;}.top-badge{display:inline-block;background:#00d084;color:white;padding:0.5rem 1.4rem;border-radius:40px;font-weight:700;margin-bottom:1.2rem;font-size:1.05rem;}.date-info{font-size:0.98rem;color:#aaa;margin-top:1.2rem;}.terms-box{background:#0f0f1a;padding:1.4rem;margin:1.8rem 0;border-radius:12px;font-size:0.98rem;color:#bbb;text-align:left;}.articles-section{padding:3rem 0 6rem;}.articles-list{background:#181830;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.5);}.article-item{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 2.4rem;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;}.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:992px){.bonos-grid{grid-template-columns:1fr;}}@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.6rem;}.article-date{text-align:left;min-width:auto;}}