.Login{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) 0}.Login__Card{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);overflow:hidden;max-width:500px;width:100%}.Login__Header{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:white;padding:var(--spacing-2xl);text-align:center}.Login__Logo{margin-bottom:var(--spacing-lg)}.Login__LogoText{font-size:1.5rem;font-weight:700;opacity:.9}.Login__Title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}.Login__Subtitle{opacity:.9;line-height:1.5;font-size:1rem}.Login__Content{padding:var(--spacing-2xl)}.Login__Benefits{margin-bottom:var(--spacing-2xl)}.Login__BenefitsTitle{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.Login__BenefitsList{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.Login__BenefitItem{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--border-radius);border:1px solid var(--color-border);transition:var(--transition)}.Login__BenefitItem:hover{transform:translateX(4px);border-color:var(--color-primary)}.Login__BenefitIcon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0}.Login__BenefitText{color:var(--color-text);font-weight:500}.Login__Actions{margin-bottom:var(--spacing-xl)}.Login__GoogleButton{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:white;color:#333;border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.Login__GoogleButton:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.Login__GoogleButton:disabled{opacity:.7;cursor:not-allowed}.Login__GoogleIcon{font-size:1.2rem}.Login__LoadingSpinner{width:20px;height:20px;border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.Login__GoogleText{flex:1;text-align:center}.Login__Footer{text-align:center}.Login__FooterText{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.Login__FooterLink{color:var(--color-primary);text-decoration:none;font-weight:500;transition:var(--transition)}.Login__FooterLink:hover{opacity:.8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.Login{padding:var(--spacing-lg) 0;min-height:70vh}.Login__Header{padding:var(--spacing-xl)}.Login__Title{font-size:1.5rem}.Login__Content{padding:var(--spacing-xl)}.Login__BenefitItem{padding:var(--spacing-sm) var(--spacing-md)}.Login__GoogleButton{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.Login__Content,.Login__Header{padding:var(--spacing-lg)}.Login__Title{font-size:1.25rem}.Login__Subtitle{font-size:.9rem}}