.login-container{text-align:center;max-width:600px;margin:0 auto;padding:2rem 1rem}.login-title{color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:300}.login-loading{text-align:center;color:var(--color-text);padding:3rem;font-size:1.2rem}.login-section{background:var(--color-background);border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 10px #0000001a}.login-description{color:var(--color-text);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.user-info{margin-bottom:2rem}.user-info h2{color:var(--color-primary);margin-bottom:.5rem;font-size:1.8rem;font-weight:400}.user-email{color:var(--color-text);opacity:.8;font-size:1rem}.login-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.login-button{background:var(--color-primary);color:var(--color-black);cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-montserrat),Arial,sans-serif;border:none;border-radius:6px;min-width:160px;padding:.8rem 2rem;transition:all .2s}.login-button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.login-button.primary{background:var(--color-primary);padding:1rem 2.5rem;font-size:1.1rem}.login-button.secondary{background:var(--color-secondary,#f5f5f5);color:var(--color-text);border:1px solid var(--color-input-border,#ddd)}.login-button.secondary:hover{background:var(--color-secondary-dark,#e8e8e8)}.login-button.logout{color:#fff;background:#dc3545}.login-button.logout:hover{background:#c82333}@media (max-width:768px){.login-container{padding:1rem .5rem}.login-title{font-size:2rem}.login-section{padding:1.5rem}.login-actions{gap:.8rem}.login-button{width:100%;max-width:280px}}