.header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:translateY(-2px)}.logo-icon{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:40px;align-items:center}.nav-link{color:#e0e0e0;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease;position:relative;padding:8px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,gold,orange);transition:width .3s ease}.nav-link:hover{color:gold}.nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.cta-btn{background:linear-gradient(135deg,gold,orange);color:#1a1a2e;text-decoration:none;padding:12px 28px;border-radius:12px;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}@media (max-width: 768px){.header{padding:16px 0}.nav{display:none}.logo-text{font-size:20px}.cta-btn{padding:10px 20px;font-size:14px}}.hero{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);padding:80px 24px 100px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.15),transparent 70%);pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:56px;font-weight:800;line-height:1.2;color:#fff;margin-bottom:24px;text-shadow:0 2px 20px rgba(0,0,0,.3);letter-spacing:-.5px}.hero-subtitle{font-size:22px;font-weight:400;color:#b0b0b0;margin-top:16px;line-height:1.6}.highlight{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}@media (max-width: 768px){.hero{padding:60px 24px 80px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}}.casino-card{background:linear-gradient(135deg,#1e1e32e6,#141423f2);border-radius:20px;padding:28px;display:grid;grid-template-columns:80px auto;gap:24px;align-items:center;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;margin-bottom:20px;border:1px solid rgba(255,215,0,.1);overflow:hidden}.casino-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,gold,orange);opacity:0;transition:opacity .3s ease}.casino-card:hover:before{opacity:1}.casino-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #ffd70033;border-color:#ffd7004d}.rank-badge{position:absolute;left:0;top:0;bottom:0;width:56px;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;color:#1a1a2e;font-size:28px;font-weight:900;border-radius:20px 0 0 20px;box-shadow:2px 0 12px #ffd7004d}.casino-logo{margin-left:40px;width:120px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px dashed rgba(255,215,0,.3);border-radius:12px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.casino-logo:hover{border-color:gold;background:#ffd7001a;box-shadow:0 0 20px #ffd70033}.ad-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;gap:4px}.ad-placeholder svg{color:gold;flex-shrink:0}.ad-placeholder span{font-size:10px;font-weight:600;color:#b0b0b0;line-height:1.2}.casino-actions{display:flex;align-items:center;justify-content:center}.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px;transition:all .3s ease;white-space:nowrap;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 15px #25d3664d;position:relative;overflow:hidden}.btn-whatsapp:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-whatsapp:hover:before{left:100%}.btn-whatsapp:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 25px #25d36666}@media (max-width: 968px){.casino-card{grid-template-columns:1fr;gap:20px;padding:24px 24px 24px 64px}.rank-badge{width:48px;font-size:24px}.casino-logo{margin-left:0;width:100%}.btn-whatsapp{width:100%}}.casino-list{padding:80px 24px;background:transparent}.casino-list-container{max-width:1200px;margin:0 auto}.section-title{font-size:42px;font-weight:800;color:#fff;text-align:center;margin-bottom:48px;text-shadow:0 2px 20px rgba(0,0,0,.3);letter-spacing:-.5px}@media (max-width: 768px){.casino-list{padding:60px 24px}.section-title{font-size:28px;margin-bottom:32px}}.ad-banner{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;padding:32px;margin:24px 0;transition:all .3s ease}.ad-banner:hover{border-color:#dc143c;background:linear-gradient(135deg,#fff,#f8f9fa)}.ad-content{display:flex;align-items:center;gap:24px;justify-content:space-between}.ad-icon{flex-shrink:0;width:64px;height:64px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#dc143c}.ad-text{flex:1}.ad-text h3{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:8px}.ad-text p{font-size:14px;color:#6b7280;margin:0}.ad-button{flex-shrink:0;padding:12px 24px;background:#dc143c;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s}.ad-button:hover{background:#b01030;transform:translateY(-2px);box-shadow:0 4px 12px #dc143c4d}.ad-banner.vertical{padding:24px}.ad-banner.vertical .ad-content{flex-direction:column;text-align:center}.ad-banner.vertical .ad-text h3{font-size:18px}@media (max-width: 768px){.ad-banner{padding:24px}.ad-content{flex-direction:column;text-align:center}.ad-text h3{font-size:18px}.ad-button{width:100%}}.faq-section{padding:80px 24px;background:transparent}.faq-container{max-width:900px;margin:0 auto}.faq-title{font-size:42px;font-weight:800;text-align:center;margin-bottom:56px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3);letter-spacing:-.5px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:linear-gradient(135deg,#1e1e3299,#141423b3);border-radius:16px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,215,0,.1)}.faq-item.open{background:linear-gradient(135deg,#1e1e32e6,#141423f2);box-shadow:0 8px 32px #ffd70026;border-color:#ffd7004d}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:none;border:none;text-align:left;font-size:18px;font-weight:600;color:#fff;cursor:pointer;transition:color .3s ease}.faq-question:hover{color:gold}.faq-icon{flex-shrink:0;transition:transform .3s ease;color:gold}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:500px;padding:0 24px 24px}.faq-answer p{font-size:16px;line-height:1.6;color:#b0b0b0;margin:0}@media (max-width: 768px){.faq-section{padding:60px 24px}.faq-title{font-size:32px;margin-bottom:40px}.faq-question{font-size:16px;padding:18px 20px}.faq-answer p{font-size:15px}}.footer{background:linear-gradient(135deg,#0a0a15,#1a1a2e);color:#fff;padding:60px 24px 32px;border-top:1px solid rgba(255,215,0,.1)}.footer-content{max-width:1200px;margin:0 auto 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;margin-bottom:20px}.footer-logo svg{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.footer-logo span{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#b0b0b0;line-height:1.7;max-width:400px;font-size:15px}.footer-heading{font-size:18px;font-weight:700;margin-bottom:20px;color:gold}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#b0b0b0;text-decoration:none;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:gold;transform:translate(4px)}.footer-text{color:#b0b0b0;line-height:1.7;font-size:14px}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid rgba(255,215,0,.1);text-align:center;color:gray;font-size:14px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:32px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom,#0f0f23,#1a1a2e,#0f0f23);color:#e0e0e0}#root{min-height:100vh}
