.sloty-auth{color:#11162a;min-height:100vh;font-family:var(--font-geist-sans),Arial,sans-serif;background:#f8f9fc;grid-template-columns:minmax(400px,46%) 1fr;display:grid}.sloty-auth *{box-sizing:border-box}.auth-showcase{color:#fff;background:linear-gradient(145deg,#5268f1 0%,#4258e5 47%,#263ebd 100%);flex-direction:column;min-height:100vh;padding:42px 56px 34px;display:flex;position:relative;overflow:hidden}.auth-showcase:before,.auth-showcase:after{content:"";border:1px solid #ffffff1f;border-radius:999px;position:absolute}.auth-showcase:before{width:540px;height:540px;top:-170px;right:-230px}.auth-showcase:after{width:430px;height:430px;bottom:-220px;left:-210px}.auth-brand{z-index:1;color:#fff;letter-spacing:-.4px;align-items:center;gap:13px;font-size:23px;font-weight:700;text-decoration:none;display:flex;position:relative}.auth-brand img{object-fit:contain;width:52px;height:52px}.auth-showcase-copy{z-index:1;max-width:550px;margin:auto 0;position:relative}.auth-eyebrow{letter-spacing:.3px;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:650;display:inline-flex}.auth-showcase h2{letter-spacing:-2.2px;margin:24px 0 17px;font-size:clamp(37px,4vw,58px);line-height:1.04}.auth-showcase-copy>p{color:#ffffffc9;max-width:500px;margin:0;font-size:16px;line-height:1.65}.auth-benefits{gap:15px;margin-top:32px;display:grid}.auth-benefits span{align-items:center;gap:11px;font-size:14px;font-weight:560;display:flex}.auth-benefits i{background:#ffffff29;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.auth-showcase>small{z-index:1;color:#ffffff94;font-size:11px;position:relative}.auth-panel{justify-content:center;align-items:center;min-height:100vh;padding:48px;display:flex}.auth-mobile-brand{display:none}.sloty-auth .card{width:100%;max-width:430px}.auth-heading{margin-bottom:30px}.auth-heading>span{color:#514be9;text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:700}.sloty-auth h1{color:#11162a;letter-spacing:-.7px;margin:8px 0 7px;font-size:31px;font-weight:730;line-height:1.15}.auth-heading p{color:#747b8f;margin:0;font-size:14px}.sloty-auth form{flex-direction:column;gap:17px;display:flex}.sloty-auth label{color:#34394a;flex-direction:column;gap:8px;font-size:13px;font-weight:620;display:flex}.sloty-auth input{color:#11162a;width:100%;height:49px;font:inherit;background:#fff;border:1px solid #dfe3ed;border-radius:10px;padding:0 15px;font-weight:450;transition:border-color .18s,box-shadow .18s;box-shadow:0 1px 2px #161f3e05}.sloty-auth input::placeholder{color:#a2a8b8}.sloty-auth input:focus{border-color:#5b57ef;outline:none;box-shadow:0 0 0 3px #5b57ef1a}.sloty-auth button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(100deg,#5265ef,#5046e9);border:0;border-radius:10px;height:50px;margin-top:3px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 20px #4b46e133}.sloty-auth button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4b46e145}.sloty-auth button[type=submit]:disabled{opacity:.6;cursor:default;transform:none}.sloty-auth .error,.sloty-auth .message{border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.45}.sloty-auth .error{color:#c54444;background:#fff1f1}.sloty-auth .message{color:#278047;background:#eef8f1}.sloty-auth .footer-link{text-align:center;color:#7b8294;margin:22px 0 0;font-size:13px}.sloty-auth .footer-link a{color:#504be8;font-weight:650;text-decoration:none}.sloty-auth .footer-link a:hover{text-decoration:underline}.sloty-auth .forgot-link{margin-top:18px}.sloty-auth .forgot-link+\.footer-link{border-top:1px solid #e6e8ef;padding-top:21px}@media (max-width:820px){.sloty-auth{display:block}.auth-showcase{display:none}.auth-panel{flex-direction:column;min-height:100vh;padding:32px 22px}.auth-mobile-brand{color:#11162a;align-items:center;gap:10px;margin-bottom:38px;font-size:19px;font-weight:730;text-decoration:none;display:flex}.auth-mobile-brand span{background:linear-gradient(145deg,#5b67f1,#493ee4);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.auth-mobile-brand img{object-fit:contain;width:37px;height:37px}.sloty-auth .card{max-width:420px}.sloty-auth h1{font-size:27px}}.sloty-auth .forgot-link+.footer-link{border-top:1px solid #e6e8ef;padding-top:21px}@media (max-width:420px){.auth-panel{justify-content:flex-start;padding-top:42px}.auth-mobile-brand{margin-bottom:32px}.auth-heading{margin-bottom:26px}.sloty-auth input,.sloty-auth button[type=submit]{height:48px}}.sloty-auth .auth-divider{color:#a2a8b8;align-items:center;gap:14px;margin:22px 0 18px;font-size:12px;font-weight:600;display:flex}.sloty-auth .auth-divider:before,.sloty-auth .auth-divider:after{content:"";background:#e6e8ef;flex:1;height:1px}.sloty-auth .oauth-btn{color:#34394a;width:100%;height:50px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe3ed;border-radius:10px;justify-content:center;align-items:center;gap:11px;font-size:14px;font-weight:650;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.sloty-auth .oauth-btn:hover:not(:disabled){border-color:#c9cfdd;transform:translateY(-1px);box-shadow:0 4px 14px #161f3e12}.sloty-auth .oauth-btn:focus-visible{border-color:#5b57ef;outline:none;box-shadow:0 0 0 3px #5b57ef1a}.sloty-auth .oauth-btn:disabled{opacity:.6;cursor:default;transform:none}.sloty-auth .oauth-error{margin-top:12px}.auth-lang{z-index:2;position:absolute;top:18px;right:18px}.sloty-auth{position:relative}.sloty-auth .auth-lang .lang-switch{flex-direction:row;align-items:center;gap:2px;width:auto;height:36px;margin:0;padding:3px;display:inline-flex}.sloty-auth .auth-lang .lang-switch>button[type=submit]{width:38px;min-width:38px;height:28px;min-height:0;color:inherit;letter-spacing:.03em;opacity:.72;box-shadow:none;background:0 0;border:0;border-radius:7px;place-items:center;margin:0;padding:0;font-family:inherit;font-size:11px;font-weight:750;line-height:1;display:grid;transform:none}.sloty-auth .auth-lang .lang-switch>button[type=submit]:hover{opacity:1;box-shadow:none;background:#e9ebf3;transform:none}.sloty-auth .auth-lang .lang-switch>button[type=submit].is-active{color:#fff;opacity:1;background:linear-gradient(100deg,#5265ef,#5046e9);box-shadow:0 2px 6px #4b46e133}
