.cinematic-login{--accent:#a0f936;--tint:106 155 28;--video-filter:hue-rotate(185deg) saturate(.8);isolation:isolate;color:#f5f7fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080a0e;width:100%;min-height:100dvh;font-family:CinematicInter,Inter,Arial,system-ui,sans-serif;position:relative;overflow-x:clip}.cinematic-live{--accent:#ff5cba;--tint:141 27 96;--video-filter:hue-rotate(35deg) saturate(.9)}.cinematic-studio{--accent:#f2ff02;--tint:131 137 18;--video-filter:hue-rotate(220deg) saturate(.85)}.cinematic-mentor{--accent:#edf0f5;--tint:92 99 112;--video-filter:grayscale(1)}.cinematic-posts{--accent:#ffb05b;--tint:148 71 18;--video-filter:hue-rotate(275deg) saturate(.85)}.cinematic-login *{box-sizing:border-box}.cinematic-background{z-index:-1;pointer-events:none;background:#090c12;position:fixed;inset:0;overflow:hidden}.cinematic-background video{object-fit:cover;filter:grayscale();opacity:.88;pointer-events:none;width:100%;height:100%}.cinematic-background:after{content:"";mix-blend-mode:color;pointer-events:none;background:linear-gradient(108deg,#cfff64,#4ef76c 52%,#42bd66);position:absolute;inset:0}.cinematic-live .cinematic-background:after{background:linear-gradient(108deg,#ff925c,#ff449b 48%,#a930ef)}.cinematic-studio .cinematic-background:after{background:linear-gradient(108deg,#ffff4c,#cdf637 52%,#e8ffaf)}.cinematic-posts .cinematic-background:after{background:linear-gradient(108deg,#ffc95d,#ff8b2e 52%,#f75922)}.cinematic-mentor .cinematic-background:after{display:none}.cinematic-vignette{z-index:1}@media (min-width:900px){.cinematic-background video{transform:translate(-18%)scale(1.4)}}.cinematic-vignette{background:linear-gradient(90deg,#06090e70,#0000 30% 70%,#06090e70),radial-gradient(#0000 26%,#03050970 100%);position:absolute;inset:0}.cinematic-shell{justify-content:center;align-items:center;min-height:100dvh;padding:28px 18px;display:flex}.cinematic-stack{text-align:center;width:min(100%,450px)}.cinematic-brand{justify-content:center;margin-bottom:17px;display:flex}.cinematic-logo{width:190px;max-width:100%;height:auto;display:block;overflow:visible}.cinematic-card{background:linear-gradient(145deg,rgb(var(--tint)/.28),#10141ded 62%);text-align:left;border:1px solid #d7e0f338;border-radius:26px;padding:36px 40px;position:relative;box-shadow:0 28px 85px #0008,inset 0 1px #ffffff30}.cinematic-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff85,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.cinematic-eyebrow{color:var(--accent);letter-spacing:.17em;text-align:center;justify-content:center;align-items:center;gap:9px;margin:0;font-size:10px;font-weight:800;line-height:1.4;display:flex}.cinematic-eyebrow>span{background:var(--accent);width:18px;height:2px;box-shadow:0 0 12px var(--accent);border-radius:10px;flex:none}.cinematic-card h1{color:#fafbff;letter-spacing:-.045em;text-align:center;margin:15px 0 9px;font-size:30px;font-weight:800;line-height:1.14}.cinematic-intro{color:#c6cbd5;text-align:center;max-width:340px;margin:0 auto;font-size:14px;line-height:1.55}.cinematic-card form{flex-direction:column;gap:9px;margin-top:25px;display:flex}.cinematic-card label,.cinematic-card label>span:first-child{color:#e6eaf2;letter-spacing:.01em;text-transform:none;font-size:12px;font-weight:650}.cinematic-card form>label{margin-top:9px}.cinematic-card input{color:#fafbff;width:100%;min-width:0;height:48px;min-height:48px;font:inherit;background:linear-gradient(110deg,#ffffff0c,#ffffff06);border:1px solid #ced7ee30;border-radius:13px;outline:none;padding:12px 15px;font-size:14px;transition:border-color .16s;display:block;box-shadow:inset 0 1px 2px #0004}.cinematic-card input::placeholder{color:#b4bed078}.cinematic-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--tint)/.18)}.cinematic-card input:-webkit-autofill{-webkit-text-fill-color:#f7f9fc;transition:background-color 99999s}.cinematic-card label>span.relative>input{padding-left:42px;padding-right:48px}.cinematic-password{position:relative}.cinematic-password input{padding-right:48px}.cinematic-card button[type=button]{width:36px;height:36px;min-height:36px;box-shadow:none;color:#c6cbd5;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px}.cinematic-password button{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.cinematic-card button[type=submit],.cinematic-card form>button:not([type]){background:linear-gradient(105deg,var(--accent),color-mix(in srgb,var(--accent) 65%,white));width:100%;height:48px;min-height:48px;box-shadow:inset 0 1px 0 #ffffff60,0 9px 25px rgb(var(--tint)/.35);color:#0b1018;font:inherit;cursor:pointer;border:1px solid #ffffff35;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin-top:9px;padding:12px 17px;font-size:14px;font-weight:800;display:flex;position:relative}.cinematic-card button:disabled{opacity:.6;cursor:wait}.cinematic-card button:focus-visible,.cinematic-login a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cinematic-card a{color:#ccd2df;font-size:12px}.cinematic-card [role=alert]{color:#ff9eb6;margin:0;font-size:12px;line-height:1.5}.cinematic-card [role=alert]:empty{display:none}.cinematic-footer{color:#bac3d2;text-align:center;border-top:1px solid #ffffff1b;justify-content:center;align-items:center;gap:8px;margin-top:26px;padding-top:18px;font-size:11px;line-height:1.6;display:flex}.cinematic-footer>span{color:var(--accent);text-shadow:0 0 12px var(--accent);font-size:17px}.cinematic-privacy{color:#bac3d2;margin-top:14px;font-size:11px;display:inline-block}.cinematic-music{z-index:5;width:44px;height:44px;box-shadow:none;color:#eaf0fa;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;margin:0;padding:0;display:grid;position:fixed;bottom:8px;right:12px}.cinematic-music svg{width:20px;height:20px;display:block}.cinematic-music[aria-pressed=false]{opacity:.55}.cinematic-music:hover,.cinematic-music:focus-visible{color:var(--accent);opacity:1;box-shadow:none;background:0 0;outline:none}@media (max-width:480px){.cinematic-shell{padding:22px 14px}.cinematic-logo{width:162px}.cinematic-card{border-radius:22px;padding:27px 23px}.cinematic-card h1{font-size:28px}.cinematic-footer{margin-top:21px}.cinematic-music{bottom:4px;right:6px}}@media (max-height:650px){.cinematic-shell{padding-block:15px}.cinematic-brand{margin-bottom:9px}.cinematic-logo{width:148px}.cinematic-card{padding-block:24px}.cinematic-footer,.cinematic-card form{margin-top:18px}}@media (prefers-reduced-motion:reduce){.cinematic-login *{transition:none!important;animation:none!important}}@font-face{font-family:CinematicInter;src:url(/login-cinematic-20261008/InterVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}.cinematic-login{font-family:CinematicInter,Inter,Arial,system-ui,sans-serif}