.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem;position:relative;z-index:1;background-color:transparent}.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-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;padding:1rem 1.5rem;border-radius:12px;text-decoration:none;color:var(--text-primary,#111);transition:all .2s ease;cursor:pointer;font-weight:500;font-size:1rem;border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.1)}.login__option:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.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;font-weight:700}.login__option-text--short{display:none}@media (max-width:768px){.login__option-text--full{display:none}.login__option-text--short{display:inline}}.login__option--email{background:var(--primary,#667eea);color:#fff}.login__option--email .login__option-icon{filter:brightness(0) invert(1)}.login__option--email:hover{background:var(--primary-dark,#5968d1);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.3)}