.login-section{min-height:100vh;display:flex;align-items:center;padding:80px 0;background:linear-gradient(135deg,var(--color-primary-light) 0%,rgba(66,133,244,.1) 100%)}.login-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:1px solid var(--color-border);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl)rgba(0,0,0,.3)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin-bottom:.75rem}.login-subtitle{font-size:var(--font-size-body);color:var(--color-text-tertiary);margin:0}.login-content{text-align:center}.btn-google-login{background-color:var(--color-google);color:var(--color-text-light);padding:var(--button-padding);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);border-radius:var(--button-border-radius);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:var(--button-transition);border:none;box-shadow:var(--button-shadow)var(--color-google-shadow);cursor:pointer;width:100%;max-width:100%}.btn-google-login:hover,.btn-google-login:focus{background-color:var(--color-google-hover);color:var(--color-text-light);transform:var(--button-transform-hover);box-shadow:var(--button-shadow-hover)var(--color-google-shadow-hover);text-decoration:none}.btn-google-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-google-login .google-icon{width:20px;height:20px;flex-shrink:0}.btn-facebook-login{background-color:var(--color-facebook-disabled);color:var(--color-text-light);padding:var(--button-padding);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);border-radius:var(--button-border-radius);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:none;cursor:not-allowed;width:100%;max-width:100%;margin-top:var(--spacing-sm);opacity:.6}.btn-facebook-login:disabled{opacity:.6;cursor:not-allowed}.btn-facebook-login:disabled:hover{background-color:var(--color-facebook-disabled);transform:none;box-shadow:none}.btn-facebook-login .facebook-icon{width:20px;height:20px;flex-shrink:0}.login-note{margin-top:var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-small);margin-bottom:0}.logged-in-message{padding:var(--spacing-sm)0}.logged-in-message p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin-bottom:var(--spacing-md)}.btn-dashboard-login{background-color:var(--color-primary);color:var(--color-text-light);padding:var(--button-padding);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);border-radius:var(--button-border-radius);text-decoration:none;display:inline-block;transition:var(--button-transition);border:none;box-shadow:var(--button-shadow)var(--color-primary-shadow);width:100%;max-width:100%;text-align:center}.btn-dashboard-login:hover,.btn-dashboard-login:focus{background-color:var(--color-primary-hover);color:var(--color-text-light);transform:var(--button-transform-hover);box-shadow:var(--button-shadow-hover)var(--color-primary-shadow-hover);text-decoration:none}@media(max-width:768px){.login-section{padding:60px 15px}.login-card{padding:2rem 1.5rem}.login-title{font-size:2rem}.login-subtitle{font-size:1rem}.btn-google-login,.btn-facebook-login,.btn-dashboard-login{padding:15px 30px;font-size:1rem}}@media(max-width:576px){.login-title{font-size:1.8rem}.login-card{padding:1.5rem}}