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