.login-container.svelte-1fbnqjt{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:1rem;margin-top:-8em;@media (width <= 768px){margin-top:-7em}.login-card:where(.svelte-1fbnqjt){background:var(--color-white);border-radius:var(--radius);box-shadow:0 10px 25px #0003;padding:2.5rem;width:100%;max-width:600px;@media (width <= 768px){width:90vw}.login-header:where(.svelte-1fbnqjt){text-align:center;margin-bottom:2rem;& h1:where(.svelte-1fbnqjt){margin:0 0 .5rem;font-size:clamp(var(--h3),4vw,var(--lg));color:var(--color-accent);-webkit-text-stroke:1px var(--color-secondary)}& p:where(.svelte-1fbnqjt){margin:0;color:var(--color-secondary);font-size:clamp(var(--sm),1vw,var(--h6))}}.error-message:where(.svelte-1fbnqjt){background:var(--color-lighter-accent);border:1px solid var(--color-danger);border-radius:var(--radius);padding:.75rem;margin-bottom:1.5rem;& p:where(.svelte-1fbnqjt){margin:0;color:var(--color-danger);font-size:clamp(var(--xs),1vw,var(--sm))}}.login-form:where(.svelte-1fbnqjt){margin-bottom:2rem;@media (width <= 768px){width:85vw}.form-group:where(.svelte-1fbnqjt){margin-bottom:1.5rem;& label:where(.svelte-1fbnqjt){display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-secondary);font-size:clamp(var(--sm),1vw,var(--h6))}& input:where(.svelte-1fbnqjt){width:100%;padding:.75rem;border:2px solid var(--color-fade-primary);border-radius:var(--radius);font-size:clamp(var(--sm),1vw,var(--h6));transition:border-color .2s;box-sizing:border-box;color:var(--color-secondary);&:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent),.2)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&:disabled{background:var(--color-light);cursor:not-allowed}}}& button:where(.svelte-1fbnqjt){width:100%;padding:.875rem;background:var(--color-accent);color:var(--color-primary);border:none;border-radius:var(--radius);font-size:clamp(var(--sm),1vw,var(--h6));font-weight:600;letter-spacing:1px;cursor:pointer;transition:background-color .2s;@media (width <= 768px){letter-spacing:0}&:hover:not(:disabled){background:var(--color-primary);color:var(--color-accent);border:1px solid var(--color-accent)}&:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-accent),.3)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&:disabled{background:var(--color-gray);cursor:not-allowed}}}}@media (max-width: 480px){.login-card:where(.svelte-1fbnqjt){padding:2rem;margin:1rem;.login-header:where(.svelte-1fbnqjt){& h1:where(.svelte-1fbnqjt){font-size:clamp(var(--h6),5vw,var(--h4))}}}}}