.login-container{background-color:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.login-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-mask{mix-blend-mode:multiply;pointer-events:none;background:#000;flex-direction:column;justify-content:center;align-items:center;height:70vh;display:flex;position:absolute;inset:0}.login-title,.login-tagline{color:#fff;text-align:center;margin:var(--section-padding)}.login-title{letter-spacing:.1em;font-size:clamp(6rem,18vw,20rem);font-weight:900}.login-tagline{letter-spacing:.28em;font-size:clamp(1rem,3.2vw,2.5rem)}@media (max-width:768px){.login-title{letter-spacing:.08em;font-size:clamp(5rem,22vw,14rem)}.login-tagline{letter-spacing:.18em;font-size:clamp(.9rem,4vw,1.8rem)}}.login-form-layer{justify-content:top;pointer-events:auto;background-color:#000;flex-direction:column;align-items:center;height:30vh;margin-top:70vh;display:flex;position:absolute;inset:0}.login-form{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.login-form input{color:#fff;text-align:center;letter-spacing:.08em;background:#111;border:1px solid #ffffff26;border-radius:999px;outline:none;width:min(320px,80vw);padding:.85rem 1.2rem;font-size:1rem;transition:all .25s}.login-form input::placeholder{color:#fff6}.login-form input:focus{border-color:#8ed0ff;box-shadow:0 0 10px #8ed0ff59}.login-button{color:#fff;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#111;border:1px solid #ffffff40;border-radius:999px;width:min(320px,80vw);padding:.85rem 1.2rem;font-size:.95rem;transition:all .25s}.login-button:hover:not(:disabled){border-color:#a0dcffe6;box-shadow:0 0 12px #a0dcff66}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.login-button.active{border-color:#a0dcffcc}