*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.3)}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{color:#ffd700;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500}.nav-links a:hover{color:#ffd700}

/* Hero */
.hero{text-align:center;padding:4rem 20px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.hero h1{font-size:2.5rem;margin-bottom:1rem}.intro{font-size:1.15rem;opacity:.95;max-width:800px;margin:0 auto}

/* Sections */
section{padding:2rem 20px;max-width:1000px;margin:0 auto}section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a2e;border-left:4px solid #ffd700;padding-left:1rem}

/* Casino Section */
.casinos-section{background:#fff;border-radius:16px;padding:2rem;margin:2rem auto;max-width:1000px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.trust-text{color:#666;margin-bottom:1.5rem}.casinos-list{display:flex;flex-direction:column;gap:1rem}

/* Casino Card */
.casino-card{display:grid;grid-template-columns:50px 140px 100px 1fr 1fr 130px;align-items:center;gap:1.25rem;padding:1.5rem;background:#fff;border:2px solid #e8e8e8;border-radius:12px;position:relative;transition:all .3s}.casino-card:hover{border-color:#ffd700;box-shadow:0 8px 25px rgba(0,0,0,.12)}.casino-badge{position:absolute;top:-10px;left:20px;color:#fff;font-size:.7rem;font-weight:700;padding:6px 14px;border-radius:4px}.casino-badge.user-choice{background:linear-gradient(135deg,#f9a825,#ff8f00)}.casino-badge.exclusive{background:linear-gradient(135deg,#43a047,#2e7d32)}.casino-rank{width:44px;height:44px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#ffd700;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem}.casino-logo{display:flex;align-items:center;justify-content:center}.casino-logo img{max-width:120px;max-height:50px;object-fit:contain}.casino-name-text{font-weight:700;color:#1a1a2e;font-size:1.1rem}.casino-rating .stars{color:#ffd700;font-size:1.2rem}.casino-bonus{text-align:center}.casino-bonus strong{color:#2e7d32}.casino-features{display:flex;flex-direction:column;gap:5px}.casino-features .feature{font-size:.85rem;color:#2e7d32}.casino-cta{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff!important;padding:14px 24px;border-radius:8px;text-decoration:none;font-weight:700;text-align:center;transition:all .3s}.casino-cta:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(26,26,46,.4)}

/* Slots Section */
.slots-section{background:#fff;border-radius:16px;padding:2rem;margin:2rem auto;max-width:1000px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.slots-list{display:flex;flex-direction:column;gap:1.25rem}

/* Slot Card - NEW DESIGN */
.slot-card{display:grid;grid-template-columns:140px 1fr 140px;align-items:center;gap:1.5rem;padding:1.25rem;background:#fff;border:2px solid #e8e8e8;border-radius:16px;position:relative;transition:all .3s}.slot-card:hover{border-color:#6366f1;box-shadow:0 8px 30px rgba(99,102,241,.15);transform:translateY(-2px)}

.slot-badge{position:absolute;top:-10px;left:20px;color:#fff;font-size:.7rem;font-weight:700;padding:6px 14px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.slot-badge.user-choice{background:linear-gradient(135deg,#f59e0b,#d97706)}.slot-badge.exclusive{background:linear-gradient(135deg,#10b981,#059669)}

.slot-image{width:120px;height:90px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.slot-image img{width:100%;height:100%;object-fit:cover}.slot-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}

.slot-content{display:flex;flex-direction:column;gap:.75rem}

.slot-header{display:flex;align-items:center;gap:1rem}.slot-rank{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.slot-title h3{font-size:1.1rem;color:#1a1a2e;margin:0;line-height:1.2}.slot-provider{font-size:.85rem;color:#6b7280}.slot-rating{margin-left:auto}.slot-rating .stars{color:#ffd700;font-size:1rem}

.slot-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.slot-stats .stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.7rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:.9rem;font-weight:600;color:#1f2937}.stat-value.vol-high{color:#dc2626}.stat-value.vol-medium{color:#f59e0b}.stat-value.vol-low{color:#10b981}

.slot-features{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6366f1;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid #c4b5fd}

.slot-cta{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff!important;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;text-align:center;transition:all .3s;white-space:nowrap}.slot-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}

/* Categories */
.categories{background:#fff;border-radius:16px;padding:2rem;max-width:1000px;margin:2rem auto}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.category-card{background:#f8f9fa;padding:1.75rem;border-radius:12px;border-left:4px solid #ffd700;transition:all .3s}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1);background:#fff}.category-card h3{color:#1a1a2e;margin-bottom:.75rem}.category-card p{color:#666}

/* Benefits & How-to */
.benefits,.how-to{background:#fff;border-radius:16px;padding:2rem;margin:1.5rem auto;max-width:1000px}.benefits ul,.how-to ol{margin-left:1.5rem}.benefits li,.how-to li{margin-bottom:.75rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px}

/* FAQ */
.faq{background:#fff;border-radius:16px;padding:2rem;margin:2rem auto;max-width:1000px}.faq-item{margin-bottom:1rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #ffd700}.faq-item h3{color:#1a1a2e;margin-bottom:.75rem;font-size:1rem}.faq-item p{color:#555}

/* Pros/Cons */
.pros,.cons{margin:1.5rem 0;padding:1.75rem;border-radius:12px}.pros{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-left:4px solid #2e7d32}.cons{background:linear-gradient(135deg,#ffebee,#fce4ec);border-left:4px solid #c62828}.pros h3{color:#2e7d32}.cons h3{color:#c62828}.pros ul,.cons ul{list-style:none;margin:0;padding:0}.verdict{background:linear-gradient(135deg,#e3f2fd,#e1f5fe);padding:1.75rem;border-radius:12px;margin-top:1.5rem;border-left:4px solid #1565c0}.verdict h3{color:#1565c0}

/* Footer */
footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:2.5rem 0;text-align:center;margin-top:3rem}footer a{color:#ffd700;text-decoration:none;margin:0 1rem}footer p{margin:.5rem 0;font-size:.9rem}

/* Responsive - Tablet */
@media(max-width:1024px){.casino-card{grid-template-columns:50px 120px 1fr 1fr 120px}.casino-rating{display:none}.slot-card{grid-template-columns:120px 1fr 120px}.category-grid{grid-template-columns:repeat(2,1fr)}}

/* Responsive - Mobile */
@media(max-width:768px){.nav-links{gap:1rem}.nav-links a{font-size:.9rem}.hero{padding:3rem 15px}.hero h1{font-size:1.9rem}.casino-card{grid-template-columns:1fr;gap:1rem;text-align:center;padding-top:2rem}.casino-rank{margin:0 auto}.casino-badge{left:50%;transform:translateX(-50%)}.casino-features{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.slot-card{grid-template-columns:1fr;gap:1rem;text-align:center;padding:1.5rem}.slot-image{width:100%;height:120px;margin:0 auto}.slot-header{flex-direction:column;gap:.5rem}.slot-rank{margin:0 auto}.slot-rating{margin:0}.slot-stats{justify-content:center}.slot-features{justify-content:center}.slot-cta{width:100%}.slot-badge{left:50%;transform:translateX(-50%)}.category-grid{grid-template-columns:1fr}}

/* Responsive - Small Mobile */
@media(max-width:600px){.nav{flex-direction:column;gap:1rem}.nav-links{gap:.75rem;flex-wrap:wrap;justify-content:center}.hero{padding:2.5rem 15px}.hero h1{font-size:1.6rem}.casino-cta,.slot-cta{width:100%}.casinos-section,.slots-section,.categories,.faq,.benefits,.how-to{padding:1.5rem;margin:1rem 10px;border-radius:12px}footer a{display:block;margin:.5rem 0}}