.login-page{--principal:var(--brand-primary,#6999a4);--exalted:var(--brand-secondary,#004085);--dark:#212529;--light:#f8f9fa;--border:#dee2e6;background-color:#fbf8f2;background-image:radial-gradient(circle,#0056b30d 0%,#0000 70%);justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex}[data-brand-background=true] .login-page{background-color:#0003;background-image:none}.login-container{background:var(--light);text-align:center;border-top:5px solid var(--principal);border-radius:16px;width:100%;max-width:400px;padding:3rem;box-shadow:0 10px 25px #00000096}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{color:var(--dark);margin-bottom:.5rem;font-weight:600;display:block}.login-olvi{color:var(--exalted);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.875rem;font-weight:600;transition:color .3s;display:inline-block}.login-olvi:hover{color:var(--principal)}.form-input{border:2px solid var(--border);width:100%;color:var(--dark);border-radius:8px;padding:.75rem;transition:border-color .3s}.form-input:focus{border-color:var(--principal);outline:none}.login-button{background-color:var(--principal);width:100%;color:var(--light);cursor:pointer;border:none;border-radius:8px;padding:.85rem;font-weight:700;transition:transform .2s,background .3s}.login-button:hover{background-color:var(--exalted);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}