*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background-color:#0f1014;width:100%;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.login-card{text-align:center;background-color:#1e1f25;border:1px solid #333;border-radius:20px;width:90%;max-width:400px;padding:40px 30px}.logo-text{letter-spacing:-1px;margin-bottom:20px;font-size:42px;font-weight:900}.logo-accent{color:#867bff}h2{margin-bottom:10px;font-size:20px}p{color:#a0a0a0;margin-bottom:30px;font-size:14px}.login-form{flex-direction:column;gap:15px;display:flex}.input-field{color:#fff;background-color:#0f1014;border:1px solid #333;border-radius:10px;outline:none;padding:15px;font-size:16px}.input-field:focus{border-color:#867bff}.primary-btn{color:#fff;cursor:pointer;background-color:#867bff;border:none;border-radius:10px;padding:16px;font-size:16px;font-weight:700;transition:opacity .2s}.primary-btn:hover{opacity:.8}.error-msg{color:#ff6b6b;text-align:center;margin-top:-10px;margin-bottom:15px;font-size:13px;animation:.3s fadeIn}.input-error{box-shadow:0 0 8px #ff6b6b33;border:1px solid #ff6b6b!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.web-container{background-color:#0f1014;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.tarjeta-wrapper{background-color:#1e1f25;border:1px solid #333;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:30px 20px;display:flex}.tarjeta-header{text-align:center;margin-bottom:30px}.tarjeta-header h3{color:#fff;margin-bottom:5px;font-size:24px}.tarjeta-header p{color:#867bff;margin-bottom:0;font-weight:700}.circulos-grid{grid-template-columns:repeat(5,1fr);justify-items:center;gap:8px;width:100%;margin-bottom:30px;display:grid}.circulo{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.circulo.vacio{color:#666;background-color:#0f1014;border:2px dashed #444}.circulo.completado{color:#fff;background-color:#867bff;border:2px solid #867bff;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 0 10px #867bff66}.premio-box{text-align:center;background-color:#867bff1a;border:1px solid #867bff4d;border-radius:12px;width:100%;margin-bottom:25px;padding:15px}.premio-box p{color:#e0e0e0;margin:0}.qr-btn{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #867bff;border-radius:10px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:all .2s}.qr-btn:hover{background-color:#867bff1a}.qr-container{flex-direction:column;align-items:center;margin-top:25px;animation:.3s ease-in fadeIn;display:flex}.qr-box{background-color:#fff;border-radius:15px;margin-bottom:10px;padding:15px}.qr-hint{color:#a0a0a0;margin-top:10px;font-size:13px}.vista-ganador{text-align:center;flex-direction:column;align-items:center;width:100%;padding:10px 0;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex}.icon-celebracion{margin-bottom:10px;font-size:60px;animation:2s infinite bounce}.titulo-ganador{color:#867bff;margin-bottom:10px;font-size:22px;font-weight:900}.desc-ganador{color:#a0a0a0;margin-bottom:20px;font-size:14px}.vale-premio{background:linear-gradient(45deg,#867bff,#44a5cf);border-radius:15px;width:100%;margin-bottom:30px;padding:20px;box-shadow:0 10px 20px #867bff4d}.premio-texto{color:#fff;text-shadow:1px 1px 2px #0003;font-size:18px;font-weight:900}.ganador-border{box-shadow:0 0 30px #867bff33;border:3px solid #867bff!important}.btn-prueba{color:#fff;opacity:.5;cursor:pointer;background:#333;border:none;border-radius:20px;padding:10px 20px;font-size:12px;position:fixed;bottom:20px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}