body{background:#0A0A0A;color:#fff;font-family:'Inter',sans-serif;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;color:#fff;font-weight:700}
a{color:#FFD43B;text-decoration:none;transition:.3s}a:hover{color:#FF4FA2}
header,nav{background:#0A0A0A;border-bottom:1px solid #121212}
header .logo img{filter:brightness(1.2)}
nav a{color:#fff;font-weight:500;margin:0 10px;text-transform:uppercase}
nav a:hover{color:#FF4FA2}
.btn,.button,button,input[type=submit]{background:linear-gradient(90deg,#FF4FA2,#FFD43B);color:#000;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:.3s;cursor:pointer}
.btn:hover,.button:hover,button:hover,input[type=submit]:hover{background:#000;color:#FF4FA2;border:2px solid #FF4FA2}
.hero{padding:100px 20px;text-align:center;background:#0A0A0A}
.hero h1{font-size:2.5rem;color:#fff;text-shadow:0 0 15px #FF4FA260}
.hero p{color:#B3B3B3;font-size:1rem;margin-top:10px}
.hero img{max-width:400px;border-radius:16px;box-shadow:0 0 25px #FF4FA260;margin:40px auto;display:block}
.section-title{border-left:4px solid #FF4FA2;padding-left:15px;margin-bottom:15px;color:#FFD43B;text-transform:uppercase}
.descripcion-sorteo{background:#0A0A0A;padding:20px;border-left:4px solid #FF4FA2;border-radius:8px;line-height:1.7}
.descripcion-sorteo strong{color:#FFD43B}
.descripcion-sorteo p{color:#fff}
.formulario-pago{background:#121212;padding:30px;border-radius:12px;box-shadow:0 0 20px #FF4FA230;margin:40px 0}
.formulario-pago label{display:block;color:#FFD43B;margin-bottom:5px;font-weight:600}
.formulario-pago input,.formulario-pago select{width:100%;padding:10px;margin-bottom:15px;background:#0A0A0A;border:1px solid #FF4FA2;border-radius:6px;color:#fff;transition:.3s}
.formulario-pago input:focus,.formulario-pago select:focus{border-color:#FFD43B;outline:none;box-shadow:0 0 8px #FFD43B80}
.ticket-btn{display:inline-block;width:100%;padding:15px;background:#FFD43B;color:#000;font-weight:700;border:none;border-radius:10px;text-align:center;transition:.3s;margin-bottom:10px}
.ticket-btn:hover{background:#FF4FA2;color:#fff}
.faq-section{padding:60px 20px;background:#0A0A0A}
.faq-section h2{text-align:center;color:#FFD43B;margin-bottom:40px}
.faq-item{border-bottom:1px solid #222;padding:15px 0;cursor:pointer;transition:.3s}
.faq-item:hover{color:#FF4FA2}
.faq-item h3{margin:0;font-size:1.1rem}
.footer{background:#050505;padding:40px 20px;text-align:center;color:#B3B3B3}
.footer a{color:#FF4FA2}
.footer a:hover{color:#FFD43B}
.footer .social-icons a{margin:0 8px;font-size:18px;color:#FFD43B;transition:.3s}
.footer .social-icons a:hover{color:#FF4FA2}
.footer small{display:block;margin-top:20px;color:#B3B3B3}
input[type=file]{color:#fff;background:#0A0A0A;border:1px solid #FF4FA2;border-radius:6px;padding:10px;width:100%}
.whatsapp-btn{position:fixed;bottom:20px;right:20px;background:#25D366;border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #0008;z-index:999}
.whatsapp-btn:hover{transform:scale(1.1);box-shadow:0 0 30px #25D36670}
::-webkit-scrollbar{width:8px;background:#0A0A0A}
::-webkit-scrollbar-thumb{background:linear-gradient(#FF4FA2,#FFD43B);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(#FFD43B,#FF4FA2)}
