.odd-app{font-family:inherit;color:#fff;text-align:center;padding:2rem 1rem;max-width:680px;margin:0 auto}
.odd-fase{padding:1.5rem 0}
.odd-orbe{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f0f9ff,#0ea5e9 55%,#1e3a8a);margin:0 auto 1.5rem;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(14,165,233,.6),inset 0 0 30px rgba(255,255,255,.3);animation:oddPulse 3s ease-in-out infinite}
.odd-orbe-inner{font-size:3rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}
@keyframes oddPulse{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(14,165,233,.6),inset 0 0 30px rgba(255,255,255,.3)}50%{transform:scale(1.05);box-shadow:0 0 60px rgba(14,165,233,.9),inset 0 0 40px rgba(255,255,255,.5)}}
.odd-orbe-loading{animation:oddSpin 2s linear infinite}
@keyframes oddSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.odd-titulo{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.odd-subtitulo{opacity:.85;font-size:1.05rem;margin-bottom:2rem;line-height:1.5;max-width:480px;margin-left:auto;margin-right:auto}
.odd-btn{background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 100%);color:#fff;border:none;padding:1.1rem 2.2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(14,165,233,.4)}
.odd-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(14,165,233,.6)}
.odd-loading{padding:2rem 0}
.odd-loading-texto{opacity:.85;font-size:1.05rem;margin-top:1rem}
.odd-mensaje-card{background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(99,102,241,.15));border:2px solid rgba(96,165,250,.4);border-radius:24px;padding:2.5rem 2rem;margin:0 auto 2rem;max-width:520px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.odd-card-anim{animation:oddFadeUp .8s ease-out}
@keyframes oddFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.odd-icono{font-size:4.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(96,165,250,.6))}
.odd-titulo-mensaje{font-size:1.6rem;font-weight:700;color:#60a5fa;margin-bottom:1rem;letter-spacing:1px}
.odd-texto{margin:0;line-height:1.8;font-size:1.1rem;opacity:.95}
.odd-btn-secundario{background:transparent;color:#60a5fa;border:2px solid #60a5fa;padding:.9rem 1.8rem;border-radius:50px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}
.odd-btn-secundario:hover{background:#60a5fa;color:#0c1e3e}
@media (max-width:600px){.odd-titulo{font-size:1.5rem}.odd-orbe{width:110px;height:110px}.odd-orbe-inner{font-size:2.4rem}.odd-icono{font-size:3.5rem}.odd-titulo-mensaje{font-size:1.3rem}.odd-texto{font-size:1rem}}