.login-page{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.login{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;min-height:100dvh}.login-showcase{position:relative;overflow:hidden;display:flex;isolation:isolate;background:#0c0a08;color:#faf3ea;padding:48px 56px}.login-aurora{position:absolute;inset:-20% -10%;z-index:-2;filter:blur(60px)}.login-blob{position:absolute;display:block;border-radius:50%;opacity:.7;mix-blend-mode:screen;will-change:transform}.login-blob--1{width:46vw;height:46vw;top:-8%;left:-6%;background:radial-gradient(circle at 30% 30%,#ff9066,transparent 70%);animation:login-drift-1 22s ease-in-out infinite}.login-blob--2{width:42vw;height:42vw;bottom:-12%;left:18%;background:radial-gradient(circle at 50% 50%,#f2708f,transparent 70%);animation:login-drift-2 26s ease-in-out infinite}.login-blob--3{width:38vw;height:38vw;top:24%;right:-8%;background:radial-gradient(circle at 50% 50%,#ffb489,transparent 70%);animation:login-drift-3 30s ease-in-out infinite}@keyframes login-drift-1{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(6%,8%,0) scale(1.12)}}@keyframes login-drift-2{0%,to{transform:translateZ(0) scale(1.05)}50%{transform:translate3d(-8%,-6%,0) scale(.92)}}@keyframes login-drift-3{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-6%,10%,0) scale(1.15)}}.login-grid-overlay{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,236,214,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,236,214,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 40%,transparent 100%)}.login-showcase-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:560px;margin:auto;gap:36px}.login-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.04em;width:fit-content}.login-brand-img{height:26px;width:auto;display:block}.login-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:#faf3eac7;padding:7px 14px;border:1px solid rgba(255,236,214,.14);background:#ffecd60a;backdrop-filter:blur(8px);width:fit-content}.login-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#ff9066;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.22);animation:login-pulse 2.4s ease-in-out infinite}@keyframes login-pulse{0%,to{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.28)}50%{box-shadow:0 0 0 7px rgba(var(--accent-rgb),0)}}.login-headline{font-family:Space Grotesk,sans-serif;font-size:clamp(30px,3.4vw,48px);line-height:1.04;font-weight:700;letter-spacing:-.035em;margin-top:14px;text-wrap:balance}.login-sub{margin-top:16px;font-size:16px;line-height:1.6;color:#faf3eaa8;max-width:46ch}.login-cards{display:flex;gap:16px;margin-top:8px}.login-card{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(255,236,214,.1);background:#ffecd60a;backdrop-filter:blur(10px);box-shadow:0 18px 40px #00000057;animation:login-float 7s ease-in-out infinite}.login-card--image{animation-delay:-2.2s;transform:translateY(-14px)}.login-card--audio{animation-delay:-4.4s}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.login-card--image{animation-name:login-float-b}@keyframes login-float-b{0%,to{transform:translateY(-14px)}50%{transform:translateY(-26px)}}.login-card-art{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:22px;color:#ffffffeb}.login-card-art--video{background:radial-gradient(120% 120% at 20% 10%,rgba(var(--accent-rgb),.5),transparent 60%),linear-gradient(135deg,#4a2a1a,#260f0a)}.login-card-art--image{background:radial-gradient(120% 120% at 80% 20%,rgba(242,112,143,.55),transparent 60%),linear-gradient(135deg,#4a1f33,#260a16)}.login-card-art--audio{background:radial-gradient(120% 120% at 30% 80%,rgba(240,200,120,.5),transparent 60%),linear-gradient(135deg,#40280e,#1c1206)}.login-card-play{font-size:16px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#00000040}.login-card-spark{font-size:26px;text-shadow:0 0 16px rgba(255,255,255,.6)}.login-card-wave{display:flex;align-items:flex-end;gap:4px;height:28px}.login-card-wave i{width:4px;background:#ffffffd9;animation:login-wave 1s ease-in-out infinite}.login-card-wave i:nth-child(1){height:40%;animation-delay:0s}.login-card-wave i:nth-child(2){height:90%;animation-delay:.15s}.login-card-wave i:nth-child(3){height:60%;animation-delay:.3s}.login-card-wave i:nth-child(4){height:100%;animation-delay:.45s}.login-card-wave i:nth-child(5){height:50%;animation-delay:.6s}@keyframes login-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.login-card-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.login-card-name{font-size:13px;font-weight:600;white-space:nowrap}.login-card-tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#faf3ea99;padding:2px 7px;border:1px solid rgba(255,236,214,.16)}.login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 40px;background:var(--surface)}.login-theme{position:absolute;top:22px;right:22px;width:40px;height:40px;display:grid;place-items:center;font-size:17px;cursor:pointer;color:var(--text);background:transparent;border:1px solid var(--border);transition:border-color .15s,background .15s}.login-theme:hover{border-color:var(--border-strong);background:var(--surface-hover)}.login-panel-inner{width:100%;max-width:380px;display:flex;flex-direction:column}.login-panel-brand{display:none;align-items:center;gap:8px;text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.04em;color:var(--text);margin-bottom:28px}.login-panel-brand-img{height:24px;width:auto}.login-form-head{margin-bottom:28px}.login-title{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.login-title-sub{margin-top:8px;font-size:15px;color:var(--text-dim)}.login-banner{margin-bottom:16px;padding:11px 14px;font-size:13.5px;color:var(--danger);border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.login-providers{display:flex;flex-direction:column;gap:12px;min-height:56px;align-items:stretch;justify-content:center}.login-provider{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px 22px;font-family:inherit;font-size:15.5px;font-weight:600;text-decoration:none;color:#fff;border:1px solid transparent;cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .2s ease,filter .15s ease}.login-provider svg{flex-shrink:0}.login-provider:hover{transform:translateY(-1px);filter:brightness(1.06)}.login-provider:active{transform:translateY(0)}.login-provider--yandex{background:#fc3f1d;box-shadow:0 10px 26px #fc3f1d47}.login-provider--vk{background:#07f;box-shadow:0 10px 26px #0077ff47}.login-provider--max{background:linear-gradient(135deg,#8b31ff,#5b2bff);box-shadow:0 10px 26px #6b2dff4d}.login-provider:disabled{opacity:.6;cursor:default;transform:none;filter:none}.max-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.max-modal.hidden,.max-modal .hidden{display:none}.max-modal__backdrop{position:absolute;inset:0;background:#0000008c}.max-modal__card{position:relative;z-index:1;width:100%;max-width:360px;background:var(--card, #191512);border:1px solid var(--border, rgba(255, 236, 214, .12));border-radius:18px;padding:28px 24px 26px;text-align:center;box-shadow:0 24px 60px #00000080}.max-modal__x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:transparent;color:var(--text-dim, #9aa);font-size:24px;line-height:1;cursor:pointer;border-radius:8px}.max-modal__x:hover{background:#ffecd614}.max-modal__brand{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:linear-gradient(135deg,#8b31ff,#5b2bff);color:#fff;font-weight:800;font-size:17px;letter-spacing:.5px}.max-modal__title{margin:0 0 18px;font-size:19px;font-weight:700;color:var(--text, #fff)}.max-open-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;font-size:15.5px;font-weight:600;color:#fff;text-decoration:none;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#8b31ff,#5b2bff);box-shadow:0 10px 26px #6b2dff52}.max-open-btn:hover{filter:brightness(1.06)}.max-modal__hint{margin:14px 2px 0;font-size:13.5px;line-height:1.55;color:var(--text-dim, #9aa)}.max-modal__wait{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;font-size:14px;color:var(--text-dim, #9aa)}.max-modal__msg{margin:0 0 18px;font-size:15px;line-height:1.5;color:var(--text, #fff)}.max-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.18);border-top-color:#8b31ff;border-radius:50%;animation:login-spin .8s linear infinite}body.max-modal-open{overflow:hidden}.login-empty{font-size:14px;color:var(--text-dim);text-align:center}.login-spinner{width:26px;height:26px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-legal{margin-top:22px;font-size:12.5px;line-height:1.6;color:var(--text-dim);text-align:center}.login-legal a{color:var(--text-soft);text-decoration:underline;text-underline-offset:2px}.login-legal a:hover{color:var(--accent)}.login-consent{display:flex;flex-direction:column;gap:9px;margin-top:22px;text-align:left}.login-consent-item{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.55;color:var(--text-dim);cursor:pointer}.login-consent-box{margin-top:2px;flex-shrink:0;width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.login-consent-item a{color:var(--text-soft);text-decoration:underline;text-underline-offset:2px}.login-consent-item a:hover{color:var(--accent)}.login-consent--attention{animation:login-consent-shake .3s ease}.login-consent--attention .login-consent-item{color:var(--accent)}@keyframes login-consent-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.login-providers--locked .login-provider{opacity:.45;cursor:not-allowed}.login-providers--locked .login-provider:hover{transform:none}.login-back{margin-top:28px;font-size:13.5px;color:var(--text-dim);text-decoration:none;text-align:center;transition:color .15s}.login-back:hover{color:var(--accent)}@media(max-width:900px){.login{grid-template-columns:1fr}.login-showcase{padding:32px 28px 36px;min-height:auto}.login-showcase-inner{gap:22px;max-width:100%}.login-headline{font-size:clamp(26px,7vw,36px)}.login-cards,.login-sub{display:none}.login-panel{padding:36px 24px 48px}.login-panel-brand{display:inline-flex}.login-back{display:none}}@media(max-width:560px){.login-showcase{padding:28px 22px 30px}.login-theme{top:16px;right:16px}.login-panel{padding:30px 20px 40px}}@media(prefers-reduced-motion:reduce){.login-blob,.login-card,.login-card-wave i,.login-eyebrow-dot,.login-spinner{animation:none!important}.login-provider:hover{transform:none}}
