@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";
.auth-modern{color:#f5f7ff;background:#05070c;place-items:center;min-height:100vh;padding:92px 16px 24px;font-family:Outfit,sans-serif;display:grid}.auth-modern__card{background:linear-gradient(#0b0d12 0%,#080a10 100%);border:1px solid #ffffff17;border-radius:14px;width:min(100%,360px);padding:18px;box-shadow:0 10px 32px #00000073}.auth-modern__brand{text-align:center;color:#7fc5ff;margin:0 0 14px;font-size:1.03rem;font-weight:600}.auth-modern__card h1{text-align:center;color:#f7f9ff;margin:0;font-size:1.95rem;font-weight:600;line-height:1.1}.auth-modern__subtitle{text-align:center;color:#a2a9b8;margin:8px 0 16px;font-size:.96rem}.auth-modern__error{color:#ffd5d5;background:radial-gradient(140% 130% at 10% 0,#ffb8b838 0%,#ffb8b800 45%),linear-gradient(150deg,#341015eb 0%,#2b0b14fa 100%);border:1px solid #ff7a7a8c;border-radius:12px;align-items:center;gap:9px;margin-bottom:12px;padding:10px 11px;font-size:.86rem;animation:.22s cubic-bezier(.18,.86,.32,1.08) authErrorPop;display:flex;box-shadow:inset 0 0 0 1px #ff959529,0 10px 22px #a6192d57}.auth-modern__error-icon{color:#fff4f4;background:linear-gradient(#ff7d7dd9 0%,#e63f56f2 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;box-shadow:0 2px 8px #d6385266}.auth-modern__error-text{flex:1;line-height:1.34}.auth-modern__error-dismiss{color:#ffd2d2;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .13s,background .16s;display:inline-flex}.auth-modern__error-dismiss:hover{background:#ffffff29}.auth-modern__error-dismiss:active{transform:scale(.94)}.auth-modern__form{gap:12px;display:grid}.auth-modern__form label:not(.hm-cbx){color:#e6ebf9;gap:6px;font-size:.93rem;font-weight:500;display:grid}.auth-modern__label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-modern__forgot{color:#c8d2ee;font-size:.84rem;text-decoration:none}.auth-modern__field{background:#ffffff14;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.auth-modern__field svg{color:#9aa5be;flex-shrink:0}.auth-modern__field input{color:#f5f7ff;background:0 0;border:none;outline:none;width:100%;min-height:42px;font-family:inherit;font-size:.95rem}.auth-modern__field input::placeholder{color:#9da6b9}.auth-modern__roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auth-modern__roles button{color:#dce4fb;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;min-height:40px;font-family:inherit;font-weight:500;transition:background .18s,color .18s,border-color .18s,transform .12s;position:relative;overflow:hidden}.auth-modern__roles button.active--participant{color:#93c5fd;background:#3b82f626;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.auth-modern__roles button.active--host{color:#fdba74;background:#f9731626;border-color:#f97316;box-shadow:0 0 0 3px #f973162e}.auth-modern__roles button:active{transform:scale(.98)}.auth-modern__submit{color:#101219;background:#f4f6fb;border:1px solid #fff;border-radius:10px;min-height:42px;margin-top:2px;font-family:inherit;font-size:.98rem;font-weight:600;transition:background .22s,color .22s,transform .12s,box-shadow .22s;position:relative;overflow:hidden}.auth-modern__submit:disabled{opacity:.7;cursor:not-allowed}.auth-modern__submit:hover:not(:disabled){box-shadow:0 0 0 3px #ffffff1f}.auth-modern__submit:active:not(:disabled){color:#061021;background:#8ec0ff;animation:.28s authButtonFlash;transform:scale(.985)}.auth-modern__submit--icon{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.auth-modern__consent{align-items:flex-start;gap:10px;margin-top:4px;line-height:1.45;color:#a8b0c4!important;font-size:.84rem!important;font-weight:400!important;display:flex!important}.auth-modern__consent input{accent-color:#7fc5ff;cursor:pointer;width:15px;height:15px;margin-top:2px}.auth-modern__consent span{display:inline}.auth-modern__consent a{color:#e8efff;text-underline-offset:2px;-webkit-text-decoration:underline #e8efff80;text-decoration:underline #e8efff80}.auth-modern__consent a:hover{color:#fff}.auth-modern__divider{color:#8791a7;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:14px 0;font-size:.8rem;display:grid}.auth-modern__divider:before,.auth-modern__divider:after{content:"";background:#ffffff24;height:1px}.auth-modern__socials{gap:9px;display:grid}.auth-modern__socials button{color:#11131a;background:#f6f8fc;border:1px solid #fff3;border-radius:10px;min-height:40px;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .2s,color .2s,transform .12s,border-color .2s}.auth-modern__socials button:hover{background:#fff}.auth-modern__socials button:active{color:#061021;background:#90c2ff;border-color:#b8d8ff;animation:.28s authButtonFlash;transform:scale(.985)}.auth-modern__switch{text-align:center;color:#a8b0c4;margin:15px 0 0;font-size:.93rem}.auth-modern__switch a{color:#f3f6ff;font-weight:600;text-decoration:none}@keyframes authButtonFlash{0%{filter:saturate()}50%{filter:saturate(1.35)}to{filter:saturate()}}@keyframes authErrorPop{0%{opacity:0;filter:saturate(.85);transform:translateY(-8px)scale(.985)}to{opacity:1;filter:saturate();transform:translateY(0)scale(1)}}.sb-btn{color:#101219;cursor:pointer;background:#f4f6fb;border:1px solid #fff;border-radius:10px;width:100%;min-width:120px;min-height:42px;margin-top:2px;font-family:inherit;font-size:.98rem;font-weight:600;transition:background .22s,color .22s,transform .12s,box-shadow .22s,border-radius .2s;position:relative;overflow:hidden}.sb-btn:hover:not(:disabled){box-shadow:0 0 0 3px #ffffff1f}.sb-btn:active:not(:disabled){transform:scale(.985)}.sb-btn:disabled{opacity:.7;cursor:not-allowed}.sb-inner{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.sb-btn--google{color:#11131a;background:#f6f8fc;border-color:#fff3}.sb-btn--google:hover:not(:disabled){box-shadow:none;background:#fff}
