:root{--primary: #2C3E50;--secondary: #E74C3C;--accent: #F1C40F;--text: #2C3E50;--background: #ECF0F1}body{margin:0;font-family:Poppins,sans-serif;background:var(--background);color:var(--text);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:20px 20px 190px}.header{text-align:center;padding:40px 0;background:var(--primary);color:#fff;margin-bottom:40px;box-shadow:0 4px 6px #0000001a}.header h1{font-size:3.5rem;margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:2px}.header p{font-size:1.5rem;margin:10px 0;color:#fff}.header .logo{max-width:400px;height:auto;margin-bottom:20px}.prize-banner{background:var(--secondary);color:#fff;text-align:center;padding:20px;border-radius:8px;margin-bottom:30px;animation:pulse 2s infinite}.prize-banner h2{margin:0;font-size:2rem}.ticket-price{margin:10px 0 0;font-size:1.2rem;color:#fff;font-weight:700}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.random-selector{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.random-selector-content{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.quantity-control{display:flex;align-items:center;gap:10px;background:var(--background);padding:5px;border-radius:25px}.quantity-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.quantity-btn:hover:not(:disabled){background:var(--accent);transform:scale(1.1)}.quantity-input{width:60px;text-align:center;border:none;background:transparent;font-size:1.2rem;font-weight:700;color:var(--primary);-moz-appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.generate-btn{background:var(--accent);color:var(--primary);border:none;padding:12px 25px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f1c40f4d}.generate-btn:disabled{background-color:#ccc;cursor:not-allowed}.numbers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px;padding:20px;background:white;border-radius:12px;box-shadow:0 2px 4px #0000001a}.number{padding:15px 10px;border:2px solid #ddd;border-radius:8px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;font-weight:700}.number:hover:not(.purchased){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--accent)}.number.selected{background-color:var(--accent);color:var(--primary);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.number.purchased{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.buy-section{position:fixed;bottom:0;left:0;right:0;background:white;padding:20px;box-shadow:0 -4px 10px #0000001a;text-align:center;z-index:100}.selected-count{font-size:1.1rem;margin-bottom:10px;color:var(--text)}.total-amount{font-size:1.3rem;color:var(--secondary);font-weight:700;margin:10px 0}.buy-button,.submit-button{background-color:var(--secondary);color:#fff;border:none;padding:15px 40px;border-radius:25px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.buy-button:hover:not(:disabled),.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.buy-button:disabled{background-color:#ccc;cursor:not-allowed}.form-container{max-width:600px;margin:0 auto 100px;padding:30px;background:white;border-radius:12px;box-shadow:0 2px 4px #0000001a}.form-container h2{text-align:center;color:var(--primary);margin-bottom:20px}.purchase-summary{background:var(--background);padding:20px;border-radius:8px;margin-bottom:20px;text-align:center}.purchase-summary .selected-numbers{margin-bottom:10px;font-weight:700}.purchase-summary .total-amount{font-size:1.5rem;margin:15px 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--primary)}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--accent)}.submit-button{width:100%;margin-top:20px}.money-rain{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.money{position:fixed;color:#2c3e501a;font-size:24px;-webkit-user-select:none;user-select:none;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-100vh) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}@media (max-width: 480px){.header h1{font-size:2.5rem}.header p{font-size:1.2rem}.prize-banner h2{font-size:1.5rem}.random-selector-content{flex-direction:column;gap:15px}.quantity-control{width:100%;justify-content:center}.generate-btn{width:100%}.numbers-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;padding:10px}.number{padding:12px 8px;font-size:.9rem}.buy-section{padding:15px}.buy-button{padding:12px 25px;font-size:1rem}.buttons-container{flex-direction:column}.clear-button{padding:12px 25px;font-size:1rem}}.rifa-selector{margin:20px 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 20px}.rifa-selector button{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;text-transform:uppercase;font-size:.9rem;min-width:120px}.rifa-selector button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.rifa-selector button.active{background:linear-gradient(45deg,#ff4757,#ff6b6b);box-shadow:0 4px 15px #ff475766;transform:scale(1.05)}.rifa-selector button:active{transform:translateY(1px)}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.custom-alert{background:white;padding:30px;border-radius:12px;box-shadow:0 4px 20px #e74c3c4d;max-width:90%;width:400px;text-align:center;animation:alertPopup .3s ease-out;border:3px solid #E74C3C}.custom-alert h3{color:#e74c3c;font-size:24px;margin-bottom:15px}.custom-alert p{color:#2c3e50;margin-bottom:20px;font-size:16px}.alert-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.custom-alert button{background-color:#e74c3c;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;max-width:200px}.custom-alert button:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.custom-alert button:last-child{background-color:#95a5a6}.custom-alert button:last-child:hover{background-color:#7f8c8d;box-shadow:0 4px 12px #7f8c8d4d}@keyframes alertPopup{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.buttons-container{display:flex;gap:10px;justify-content:center;margin-top:10px}.clear-button{background-color:#95a5a6;color:#fff;border:none;padding:15px 30px;border-radius:25px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.clear-button:hover{background-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 12px #7f8c8d4d}.purchase-steps{background:white;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.purchase-steps h2{text-align:center;color:var(--primary);margin-bottom:30px;font-size:1.8rem}.steps-container{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}.step{flex:1;min-width:250px;text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.step-icon{width:60px;height:60px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.step-icon svg{width:30px;height:30px;color:#fff}.step p{color:var(--text);font-size:1rem;line-height:1.4;margin:0}@media (max-width: 768px){.steps-container{flex-direction:column}.step{min-width:auto}}.warning-banner{background:linear-gradient(45deg,#ff4757,#ff6b6b);color:#fff;padding:25px;border-radius:12px;margin:30px auto;max-width:800px;text-align:center;box-shadow:0 4px 15px #ff47574d;animation:warningPulse 2s infinite}.warning-icon{font-size:2.5rem;margin-bottom:10px}.warning-banner h3{font-size:1.8rem;margin:10px 0;text-transform:uppercase;letter-spacing:2px}.warning-banner p{font-size:1.2rem;margin:5px 0}.warning-highlight{font-weight:700;font-size:1.3rem!important;margin-top:15px!important;text-transform:uppercase;letter-spacing:1px}@keyframes warningPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.social-icons{display:flex;gap:15px;justify-content:center}.social-icons a{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.social-icons svg{width:30px;height:30px;color:#fff;transition:all .3s ease}.social-icons a:hover{transform:translateY(-2px)}.social-icons a:hover svg{color:var(--accent)}.social-links{display:flex;gap:15px;justify-content:center;margin:15px 0}.social-links a{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.social-links svg{width:30px;height:30px;color:#fff;transition:all .3s ease}.social-links a:hover{transform:translateY(-2px)}.social-links a:hover svg{color:var(--accent)}.winner-announcement{margin:40px auto;max-width:800px}.winner-banner{background:linear-gradient(45deg,#FFD700,#FFA500);color:var(--primary);padding:30px;border-radius:12px;box-shadow:0 6px 20px #ffd70066;text-align:center;animation:winnerPulse 2s infinite;border:3px solid #FFD700}.winner-banner h2{color:var(--primary);font-size:2.2rem;margin-bottom:25px;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 3px rgba(255,255,255,.7)}.winner-info{display:flex;flex-direction:column;gap:15px;background:rgba(255,255,255,.8);padding:25px;border-radius:8px}.winner-detail{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(44,62,80,.2)}.winner-label{font-weight:700;color:var(--primary);font-size:1.1rem}.winner-value{color:var(--secondary);font-size:1.1rem;font-weight:500}.winner-ticket{font-size:1.6rem;font-weight:700;color:var(--primary);background:#FFD700;padding:5px 15px;border-radius:25px}@keyframes winnerPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media (max-width: 600px){.winner-banner h2{font-size:1.8rem}.winner-detail{flex-direction:column;align-items:flex-start;gap:5px}.winner-label,.winner-value{font-size:1rem}.winner-ticket{font-size:1.3rem}}