.auth-modern{width:min(1180px,calc(100% - 64px));margin:48px auto 72px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,420px);gap:clamp(32px,6vw,100px);align-items:center;isolation:isolate}
.auth-modern__card{padding:28px 0;background:none;border:0;box-shadow:none;position:relative}
.auth-modern__card-head h2{font-size:30px;line-height:1.15;margin:0 0 10px;font-weight:800;color:#fff}
.auth-modern__card-head p,.auth-modern__hint,.auth-modern__footer{color:#a7a2ad;font-size:14px;line-height:1.6}
.auth-modern__card-head{margin-bottom:26px}.auth-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.auth-social-grid--count-1{grid-template-columns:1fr}.auth-social-grid--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;background:#1b191f;border:0;border-radius:10px;color:#fff;font-size:13px;font-weight:600;padding:10px;transition:background .2s}
.auth-social-btn:hover{background:#302333;color:#fff}.auth-social-btn i{font-size:18px}.auth-social-btn--discord i{color:#a4acff}.auth-social-btn--facebook i{color:#6ca8ff}
.auth-modern__divider{display:flex;gap:16px;align-items:center;color:#87828c;font-size:12px;margin:25px 0}.auth-modern__divider:before,.auth-modern__divider:after{content:'';height:1px;flex:1;background:#ffffff0b}
.auth-modern__form .form-group{margin-bottom:17px}.auth-modern__form label{font-size:13px;margin-bottom:7px;color:#d9d5df}
.auth-modern__form .form-control{min-height:49px;background:#19171d;border:0;border-radius:9px;color:#fff;padding:12px 15px}
.auth-modern__password .form-control{border-radius:9px 0 0 9px}.auth-modern__password .toggle-password{background:#19171d;min-width:46px;color:#a7a2ad;border:0;border-radius:0 9px 9px 0}
.auth-modern__form .form-control:focus{box-shadow:0 0 0 2px #d95fc56b}.auth-modern a:focus-visible,.auth-modern button:focus-visible{outline:2px solid #ec6cd3;outline-offset:4px}
.auth-modern__hint{font-size:11px;margin-top:6px;display:block}.auth-modern__submit{min-height:49px;border:0;border-radius:9px}.auth-modern__footer{margin-top:24px;text-align:center}.auth-modern__footer a{color:#f1caea}.auth-modern__captcha{margin:16px 0;display:flex;justify-content:center}.auth-modern__logout{font-size:12px;color:#aaa;display:flex;align-items:center;gap:8px;margin:18px 0}.auth-modern__logout input{accent-color:#df65cc}
.auth-showcase{position:relative;min-width:0;aspect-ratio:4/5;max-height:720px;width:100%;isolation:isolate}
.auth-showcase:before{display:none}
.auth-showcase__glow{display:none}
.auth-showcase__screen{position:absolute;inset:0;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#17171a,#0c0c0f 52%,#141318)}
.auth-showcase video{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s}.auth-showcase.is-ready video{opacity:1}.auth-showcase.is-loading video{opacity:0}
.auth-showcase__screen:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px 15px #0008;background:linear-gradient(0deg,#0009,transparent 30%,transparent 80%,#0004)}
.auth-showcase__reveal{position:absolute;inset:0;z-index:1;border:0;background:none;cursor:pointer;color:#fff;width:100%}
.auth-showcase__details{opacity:0;visibility:hidden;transition:opacity .2s;position:absolute;inset:0;z-index:2;pointer-events:none}.auth-showcase.is-revealed .auth-showcase__details{opacity:1;visibility:visible}
.auth-showcase__loader{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:3px solid #ffffff1f;border-top-color:#fff;opacity:0;z-index:3;animation:authSpin .8s linear infinite;pointer-events:none}.auth-showcase.is-loading .auth-showcase__loader{opacity:1}
.auth-showcase__title{position:absolute;left:24px;bottom:30px;display:flex;align-items:end;gap:16px;max-width:82%;color:#fff;font-size:16px;font-weight:800;pointer-events:auto;text-shadow:0 2px 12px #000}.auth-showcase__title:hover{color:#fff}.auth-showcase__title img{width:112px;height:156px;border-radius:9px;object-fit:cover;flex-shrink:0;box-shadow:0 18px 34px #0009}.auth-showcase__title span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:5px}
.auth-showcase__mute,.auth-showcase__pause{position:absolute;right:20px;border:0;background:#0006;color:#fff;width:42px;height:42px;border-radius:50%;pointer-events:auto;cursor:pointer}.auth-showcase__mute{top:20px}.auth-showcase__pause{bottom:24px}.auth-showcase__fallback{position:absolute;width:55%;left:22.5%;top:44%}
.auth-showcase__progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff18;z-index:4;overflow:hidden}.auth-showcase__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ec6cd3,#fff);box-shadow:0 0 22px #ec6cd399;transition:width .18s linear}
@keyframes authSpin{to{transform:rotate(360deg)}}
@media(max-width:991.98px){.auth-modern{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:28px;width:calc(100% - 40px)}.auth-showcase{aspect-ratio:3/5}}
@media(max-width:700px){.auth-modern{grid-template-columns:1fr;width:min(440px,calc(100% - 36px));margin:26px auto 42px;gap:28px}.auth-showcase{aspect-ratio:16/10;max-height:300px}.auth-showcase__screen{border-radius:18px}.auth-showcase video{object-position:center 30%}.auth-modern__card{padding:0}.auth-showcase__title{left:16px;bottom:18px;font-size:13px;gap:10px;max-width:88%}.auth-showcase__title img{width:64px;height:90px}.auth-showcase__loader{width:34px;height:34px;margin:-17px 0 0 -17px}.auth-social-btn{padding:9px 6px;gap:7px}}
@media(prefers-reduced-motion:reduce){.auth-showcase *{transition:none!important}}