.auth-choice-page{box-sizing:border-box;background-color:#120727b2;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:60px 20px;display:flex}.auth-choice-page .logo-section{z-index:10;justify-content:center;width:100%;margin-bottom:20px;display:flex}.auth-choice-page .main-logo{filter:drop-shadow(0 0 10px #b266ffcc)drop-shadow(0 0 30px #b266ff66)drop-shadow(0 0 50px #b266ff33);width:90%;max-width:800px;height:auto;image-rendering:pixelated;animation:5s infinite logo-glitch}@keyframes logo-glitch{0%{opacity:1;filter:drop-shadow(0 0 15px #b266ffb3)}90%{opacity:1;filter:drop-shadow(0 0 15px #b266ffb3)}92%{opacity:.8;filter:drop-shadow(0 0 10px #b266ff80)}94%{opacity:1;filter:drop-shadow(0 0 18px #b266ffe6)}to{opacity:1;filter:drop-shadow(0 0 15px #b266ffb3)}}.auth-choice-page .hero-section{flex-direction:row;align-items:center;gap:30px;width:100%;max-width:700px;margin-bottom:40px;display:flex}.auth-choice-page .character-preview img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 15px #b266ff66);width:auto;height:220px}.auth-choice-page .speech-bubble{color:#fff;text-align:center;background:#140c2b;border:4px solid #5e21aa;border-radius:20px;padding:30px;font-family:"Press Start 2P",cursive;font-size:14px;line-height:1.8;position:relative;box-shadow:0 10px #580c91}.auth-choice-page .speech-bubble strong{color:#0fc}.auth-choice-page .auth-actions{justify-content:center;gap:40px;width:100%;display:flex}.auth-choice-page .btn-container{position:relative}.auth-choice-page .btn-container:before{content:"";z-index:0;background-color:#580c91;border-radius:12px;width:100%;height:100%;position:absolute;top:6px;left:6px}.auth-choice-page .btn-cyber{color:#fff;cursor:pointer;z-index:1;white-space:nowrap;background-color:#0000;border:3px solid #b266ff;border-radius:12px;min-width:220px;padding:20px 40px;font-family:"Press Start 2P",cursive;font-size:18px;transition:transform .1s,background-color .2s;position:relative}.auth-choice-page .btn-primary{background-color:#b266ff;border:none}.auth-choice-page .btn-cyber:hover{background-color:#b266ff33}.auth-choice-page .btn-primary:hover{background-color:#93f}.auth-choice-page .btn-cyber:active{transform:translate(6px,6px)}@media (width<=1024px){.auth-choice-page .main-logo{max-width:350px}.auth-choice-page .hero-section{gap:20px;max-width:90%}.auth-choice-page .btn-cyber{min-width:180px;padding:15px 30px;font-size:16px}}@media (width<=768px){.auth-choice-page{justify-content:center;padding-top:40px}.auth-choice-page .logo-section{margin-bottom:30px}.auth-choice-page .main-logo{max-width:260px}.auth-choice-page .hero-section{flex-direction:column;margin-bottom:40px}.auth-choice-page .character-preview img{height:160px}.auth-choice-page .speech-bubble{text-align:center;padding:20px;font-size:12px;line-height:1.5;box-shadow:0 6px #580c91}.auth-choice-page .auth-actions{flex-direction:column;gap:20px;width:100%;max-width:300px}.auth-choice-page .btn-cyber{width:100%;min-width:unset;padding:15px;font-size:14px}}@media (width<=400px){.auth-choice-page .main-logo{max-width:200px}.auth-choice-page .character-preview img{height:130px}}
