/* Elsetube sign-in / sign-up split layout (authui, 24 Oct 2026) */
.et-auth{--et-a1:#6366F1;--et-a2:#8B5CF6;--et-a3:#EC4899;--et-a4:#F97316;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:calc(100vh - 60px);margin:0 auto;max-width:1280px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 30px 80px -30px rgba(79,70,229,.35);font-family:"Roboto",system-ui,sans-serif}
.welcome-page .et-auth{min-height:100vh;max-width:none;border-radius:0;box-shadow:none}
.et-auth__brand{position:relative;overflow:hidden;color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,var(--et-a1) 0%,var(--et-a2) 48%,var(--et-a3) 100%)}
.et-auth__orbs span{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;pointer-events:none}
.et-auth__orbs span:nth-child(1){width:340px;height:340px;right:-120px;top:-90px;background:radial-gradient(circle,#fff 0,rgba(255,255,255,0) 70%)}
.et-auth__orbs span:nth-child(2){width:260px;height:260px;left:-90px;bottom:-60px;background:radial-gradient(circle,var(--et-a4) 0,rgba(249,115,22,0) 70%);opacity:.6}
.et-auth__orbs span:nth-child(3){width:120px;height:120px;right:22%;bottom:22%;background:radial-gradient(circle,#06B6DA 0,rgba(6,182,218,0) 70%);opacity:.55}
.et-auth__logo{position:relative;display:inline-block}.et-auth__logo img{height:40px;width:auto}
.et-auth__pitch{position:relative;max-width:460px}
.et-auth__headline{font-size:clamp(28px,3.2vw,44px);line-height:1.12;font-weight:800;margin:0 0 16px;color:#fff;letter-spacing:-.02em}
.et-auth__lead{font-size:17px;line-height:1.6;opacity:.95;margin:0 0 28px}
.et-auth__perks{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.et-auth__perks li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:500}
.et-auth__dot{flex:0 0 34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);font-size:13px}
.et-auth__foot{position:relative;margin:0;font-size:13px;opacity:.8}
.et-auth__panel{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:#fff}
.et-auth .et-auth__card{width:100%;max-width:420px;margin:0;padding:0;background:transparent;box-shadow:none;border:0}
.et-auth__mlogo{display:none}
.et-auth__title{font-size:30px;font-weight:800;margin:0 0 6px;color:#111827;letter-spacing:-.01em}
.et-auth__sub{color:#6b7280;margin:0 0 24px;font-size:15px}
.et-auth .pp_mat_input{margin-bottom:20px}
.et-auth .pp_mat_input input,.et-auth .pp_mat_input select{height:50px;padding:12px 14px;font-size:16px;border:1.5px solid #e5e7eb;border-radius:12px;background:#f9fafb!important;color:#111827;transition:border-color .2s,box-shadow .2s}
.et-auth .pp_mat_input input:focus,.et-auth .pp_mat_input select:focus{outline:0;border-color:var(--et-a1);box-shadow:0 0 0 4px rgba(99,102,241,.18)!important;background:#fff!important}
.et-auth .pp_mat_input label{background:#fff;color:#4b5563;top:-9px;left:12px;border-radius:4px}
.et-auth .pp_mat_input input:placeholder-shown:not(:focus)+label{top:14px;left:14px;color:#6b7280;background:transparent}
.et-auth input[type=submit].btn-main,.et-auth .login_signup_combo .btn{width:100%;height:52px;border:0;border-radius:12px;font-size:16px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(90deg,var(--et-a1),var(--et-a2) 55%,var(--et-a3));box-shadow:0 10px 24px -10px rgba(139,92,246,.7);transition:transform .15s,box-shadow .15s,filter .15s}
.et-auth input[type=submit].btn-main:hover{filter:brightness(1.05);transform:translateY(-1px)}
.et-auth input[type=submit]:focus-visible,.et-auth a:focus-visible,.et-auth input[type=checkbox]:focus-visible{outline:3px solid var(--et-a4);outline-offset:2px}
.et-auth .forgot_password,.et-auth [class^=forgot_]{text-align:right;margin:-8px 0 18px}
.et-auth a{color:var(--et-a1);font-weight:600}.et-auth a:hover{color:var(--et-a3)}
.et-auth .signup__{text-align:center;color:#4b5563;font-size:15px}
.et-auth hr{border-color:#eef0f4;margin:22px 0}
.et-auth .terms{font-size:13.5px;color:#4b5563;margin-top:14px}.et-auth .terms input{margin-right:8px;accent-color:var(--et-a1)}
.et-auth .errors:not(:empty){border-radius:12px}
.et-auth .login-icons{text-align:center;margin-top:16px;color:#6b7280}
.et-auth .et-pw-toggle{position:absolute;right:10px;top:9px;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer}
.et-auth .et-pw-toggle:hover{background:#eef2ff;color:var(--et-a1)}
/* night mode */
.night .et-auth,.night .et-auth__panel{background:#111827}.night .et-auth__title{color:#f9fafb}.night .et-auth__sub,.night .et-auth .signup__,.night .et-auth .terms{color:#9ca3af}
.night .et-auth .pp_mat_input input,.night .et-auth .pp_mat_input select{background:#1f2937!important;border-color:#374151;color:#f9fafb}.night .et-auth .pp_mat_input label{background:#111827;color:#d1d5db}
@media (max-width:991px){.et-auth{grid-template-columns:1fr;border-radius:0;box-shadow:none;min-height:auto}.et-auth__brand{display:none}.et-auth__mlogo{display:block;margin-bottom:22px}.et-auth__mlogo img{height:34px;width:auto}.et-auth__panel{padding:32px 20px 48px;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.et-auth *{transition:none!important}}
/* specificity guards against theme defaults */
.et-auth .et-auth__brand .et-auth__headline,.et-auth .et-auth__brand p,.et-auth .et-auth__brand li{color:#fff!important}
.et-auth .et-auth__card input[type=submit].btn.btn-main{background:linear-gradient(90deg,#6366F1,#8B5CF6 55%,#EC4899)!important;color:#fff!important}
.et-auth .et-auth__card a.dec,.et-auth .et-auth__card .terms a,.et-auth .et-auth__card [class^=forgot_] a{color:#6366F1!important}
.et-auth .et-auth__card a.dec:hover,.et-auth .et-auth__card .terms a:hover{color:#EC4899!important}