.social-auth-options{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.social-auth-button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:180px;min-height:48px;padding:12px 16px;border:1px solid #35454b;border-radius:12px;color:#f3f7f5;background:#152025;text-decoration:none;font-weight:600;transition:background .2s,border-color .2s}.social-auth-button:hover{background:#21312d;border-color:#b8ff00}.social-auth-button:focus-visible{outline:2px solid #b8ff00;outline-offset:3px}.social-auth-button span{font-size:20px}.social-auth-discord span{color:#a5adff}@media(max-width:480px){.social-auth-button{flex-basis:100%}}.auth-method-divider{display:flex;align-items:center;gap:13px;margin:22px 0;color:#8fa3ab;font-size:10px;line-height:1.5}.auth-method-divider:before,.auth-method-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#ffffff18)}.auth-method-divider:after{background:linear-gradient(90deg,#ffffff18,transparent)}.auth-method-divider>span{white-space:nowrap}
.social-auth-options{flex-direction:column;gap:10px;width:100%;margin:22px 0}.social-auth-button{flex:none;box-sizing:border-box;width:100%;min-width:0;min-height:52px;padding:13px 18px;gap:12px;border:1px solid #3a4b54;background:linear-gradient(135deg,#17232a,#111b20);font-size:14px;line-height:1.4;box-shadow:inset 0 1px #ffffff04}.social-auth-button span{font-size:inherit;color:#edf3f5;font-weight:600}.social-auth-button .social-provider-logo{display:block;width:22px;height:22px;flex:0 0 22px;stroke:none}.social-auth-button:hover{background:#1b2930;border-color:#60737d}.social-auth-discord:hover{border-color:#5865f299}@media(max-width:480px){.social-auth-button{flex-basis:auto;min-height:50px;font-size:13px}}