.gateway-container{color:#fff;box-sizing:border-box;background-color:#121212;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.auth-card{box-sizing:border-box;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 8px 24px #00000080}.auth-card h2{text-align:center;color:#fff;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.oauth-group{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.oauth-btn{cursor:pointer;color:#fff;border:none;border-radius:4px;padding:.75rem;font-size:.9rem;font-weight:600;transition:opacity .2s}.oauth-btn:hover{opacity:.9}.oauth-btn.discord{background-color:#5865f2}.oauth-btn.google{color:#000;background-color:#fff}.divider{text-align:center;color:#a0a0a0;align-items:center;margin:1.5rem 0;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #333;flex:1}.divider span{padding:0 10px}.email-form{flex-direction:column;gap:1rem;display:flex}.email-form input{color:#fff;box-sizing:border-box;background-color:#121212;border:1px solid #333;border-radius:4px;padding:.75rem;font-size:1rem}.email-form input:focus{border-color:#3b82f6;outline:none}.email-form input::placeholder{color:#666}.primary-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:background-color .2s}.primary-btn:hover{background-color:#2563eb}.toggle-text{text-align:center;color:#a0a0a0;margin-top:1.5rem;font-size:.875rem}.toggle-text span{color:#3b82f6;cursor:pointer;margin-left:.25rem;font-weight:600}.toggle-text span:hover{text-decoration:underline}