.page:has(.login){min-height:100vh;grid-template-columns:1fr;background:transparent;overflow:visible}.page:has(.login) .page__sidebar{display:none}.page:has(.login) .page__content{grid-column:1;padding:0;overflow:visible}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.login__logo-container{margin-bottom:2rem}.login__logo{height:200px;width:auto;display:block}@media (max-width:768px){.login__logo{height:150px}}.login__form{width:100%;max-width:500px;padding:3rem;background:var(--white,#fff);border:1px solid var(--border-color,#e2e2e2);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);position:relative;margin-bottom:2rem}.login__header{text-align:center;margin-bottom:2.5rem}.login__title{margin:0;font-size:1.75rem;color:var(--text-primary,#111);font-weight:600}.login__options{display:flex;flex-direction:column;gap:1rem}.login__option{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;border-radius:6px;text-decoration:none;color:var(--text-primary,#111);transition:all .2s ease;cursor:pointer;font-weight:500;font-size:1rem;border:1px solid var(--border-color,#e2e2e2);box-shadow:0 2px 8px rgba(0,0,0,.1);background:#fff}.login__option:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);background:#f8f8f8;border-color:var(--border-color,#d0d0d0)}.login__option:active{transform:translateY(0)}.login__option-icon{width:24px;height:24px;margin-right:1rem}.login__option-text{flex:1;text-align:center;margin:0 auto 0 -24px}.login__option-text--short{display:none}@media (max-width:768px){.login__option-text--full{display:none}.login__option-text--short{display:inline}}.animated-background--login{position:fixed;inset:0;z-index:-1}