.login-role-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px 6px 11px;margin-bottom:14px;border:1px solid #ead8b6;border-radius:13px;background:linear-gradient(145deg,#fffdf8,#fff5e1);box-shadow:inset 0 1px #fff,0 8px 18px #6d4e1710}
.login-role-tabs:before{content:"";position:absolute;right:20px;left:20px;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,#dfb25a 20%,#dfb25a 80%,transparent);opacity:.6}
.login-role-tabs button{position:relative;height:43px;border:1px solid transparent;border-radius:9px;background:transparent;color:#687685;font:700 10px Alexandria,sans-serif;cursor:pointer;transition:transform .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease}
.login-role-tabs button i{margin-left:6px;color:#bd8a2f;font-size:16px;vertical-align:-1px;transition:color .22s ease,transform .22s ease}
.login-role-tabs button:after{content:"";position:absolute;z-index:1;right:24px;left:24px;bottom:-8px;height:3px;border-radius:10px;background:linear-gradient(90deg,#c28a22,#f0c45e,#c28a22);box-shadow:0 2px 5px #bc7c1d43;transform:scaleX(0);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.login-role-tabs button:hover{background:#fffaf0;color:#273b55;transform:translateY(-1px)}.login-role-tabs button:hover i{transform:scale(1.08)}
.login-role-tabs button.is-active{border-color:#ecd49d;background:#fff;color:#182d49;box-shadow:0 5px 12px #63481214}.login-role-tabs button.is-active i{color:#bb7d12}.login-role-tabs button.is-active:after{transform:scaleX(1)}
.login-role-hint,.login-method-hint{display:flex;align-items:center;gap:6px;min-height:30px;margin:0 2px 13px;color:#7c8792;font-size:8px;line-height:1.7}.login-method-hint{margin-top:-17px}.login-role-hint i,.login-method-hint i{color:#d79a20;font-size:14px}.login-role-hint.is-changing span,.login-method-hint.is-changing span{animation:loginHint .32s ease}@keyframes loginHint{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:420px){.login-role-tabs{gap:5px;padding:5px 5px 10px;border-radius:11px}.login-role-tabs button{height:40px;font-size:9px}.login-role-tabs button:after{right:18px;left:18px;bottom:-7px}}