.login-header{grid-template-columns:1fr auto;gap:1rem;display:grid}.login-container{grid-template-columns:.75fr 1fr;align-content:center;gap:4rem;display:grid}.login-container-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}.login-title{margin-top:2rem;font-weight:800;line-height:1.2}.login-subtitle{margin-top:1rem;font-size:1.3rem;line-height:1.55}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-border-radius);gap:1rem;width:100%;height:100%;margin-top:1rem;padding:2rem 3rem;display:grid}.form,.form-field{gap:1rem;display:grid}.form-field-label{font-weight:600}.form-field-input{border:1px solid var(--border);border-radius:var(--input-border-radius);outline:none;width:100%;min-width:0;height:3.5rem;padding:0 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-field-input::placeholder{color:var(--placeholder);opacity:1}.form-field-input:focus{border-color:var(--border-soft);box-shadow:var(--box-shadow)}.form-error,.form-success{margin:0;font-size:.9rem;line-height:1.35}.form-error{color:var(--danger-strong);font-weight:600}.form-success{color:var(--success)}.login-access-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.login-access-option{border:1px solid var(--border);border-radius:var(--input-border-radius);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;min-height:1.5rem;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.login-access-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.login-access-option span{color:var(--text);font-weight:600}.login-access-option:has(input:checked){border-color:var(--primary);background:#26643112}.login-reset-link{text-align:right}.login-reset-link a{color:var(--primary);font-weight:500}.form-submit{border-radius:var(--input-border-radius);background:var(--primary);width:24rem;height:3rem;color:var(--surface);cursor:pointer;border:0;justify-self:center;margin-top:.5rem;font-size:1.2rem;font-weight:500;transition:background .2s,transform 80ms}.form-submit:hover{background:var(--primary-hover)}.form-submit:active{transform:translateY(1px)}.login-card-text{text-align:center;white-space:pre-line;color:var(--text-soft);line-height:1.45}.login-card-signup{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin-top:1.5rem;font-size:1.2rem;display:flex}.login-card-signup a{color:var(--primary);font-weight:700}.login-card-footer{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1.5rem;display:flex}.login-card-footer a{color:var(--primary);font-weight:500}.login-video{width:95%;margin-bottom:2rem}.login-video-frame{aspect-ratio:16/9;background:var(--border);width:100%;position:relative;overflow:hidden}.login-video-frame img,.login-video-media{object-fit:cover;width:100%;height:100%;display:block}.login-video-caption{text-align:center;white-space:pre-line;margin:1rem auto 0;line-height:1.4}.login-benefits{gap:1.75rem;margin-bottom:2rem;display:grid}.login-benefits-item{grid-template-columns:2rem 1fr;align-items:center;gap:1rem;display:grid}.login-benefits-icon{background:var(--primary);width:2rem;height:2rem;color:var(--surface);border-radius:999px;place-items:center;margin-top:.1rem;display:grid}.login-benefits-icon svg,.login-benefits-icon img{object-fit:contain;width:1rem;height:1rem;display:block}.login-benefits-text{white-space:pre-line;font-size:1.2rem;line-height:1.45}.login-claim{text-align:center;font-size:1.2rem;font-weight:800;line-height:1.4}.login-claim span{display:block}.request-password-container{place-content:center;display:flex}.request-password-container-inner{flex-direction:column;align-items:center;gap:1rem;max-width:650px;margin-top:7rem;display:flex}.request-password-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-border-radius);gap:1rem;width:100%;padding:2rem 3rem;display:grid}.reset-title{font-weight:800;line-height:1.2}.reset-subtitle{font-size:1.3rem;line-height:1.55}.reset-password-container-inner{flex-direction:column;align-items:center;gap:1rem;max-width:800px;display:flex}@media (width<=1024px) and (orientation:portrait){.login-section{padding:2rem 3rem}.login-container{grid-template-rows:auto auto;grid-template-columns:none;gap:2rem}.login-access-mode{grid-template-columns:1fr}.request-password-container-inner,.reset-password-container-inner{align-items:unset;margin-top:0}}
