.login-container{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--spacing-xxl));padding:var(--spacing-xl) var(--spacing-md)}.login-card{background-color:var(--surface-color);border:1px solid var(--divider-color);border-radius:.375rem;box-shadow:var(--elevation-2);max-width:500px;overflow:hidden;padding:var(--spacing-xl) var(--spacing-xxl);text-align:center;width:100%}.login-card h1{color:var(--primary-color);font-size:var(--font-size-h4);font-weight:600;letter-spacing:.01em;margin-bottom:var(--spacing-md)}.login-card p{color:var(--text-secondary-color);font-size:var(--font-size-body1);line-height:1.6;margin-bottom:var(--spacing-lg)}.login-form{margin-top:var(--spacing-lg)}#oauth-button-container{display:flex;justify-content:center;margin-top:var(--spacing-md)}.hubspot-logo{display:block;height:auto;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;width:120px}.features-list{margin:var(--spacing-lg) 0}.features-list ul{margin:var(--spacing-md) 0;padding-left:0}.features-list li{align-items:center;color:var(--text-primary-color);display:flex;font-size:var(--font-size-body2);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0}.features-list li .material-icons{align-items:center;background-color:rgba(var(--success-color),.1);border-radius:50%;color:var(--success-color);display:flex;font-size:18px;height:24px;justify-content:center;margin-right:var(--spacing-md);width:24px}.login-footer{border-top:1px solid var(--divider-color);color:var(--text-secondary-color);font-size:var(--font-size-caption);margin-top:var(--spacing-xl);padding-top:var(--spacing-md)}.login-footer p{margin-bottom:var(--spacing-sm)}.login-footer a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:var(--transition)}.login-footer a:hover{color:var(--primary-dark);text-decoration:none}.login-card{transition:all .3s ease}.login-card:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}@media (max-width:767px){.login-card{padding:var(--spacing-lg)}.login-card h1{font-size:var(--font-size-h5)}.login-container{padding:var(--spacing-md)}}.features-list{margin:30px 0;text-align:left}.features-list ul{list-style-type:none}.features-list li{margin-bottom:12px;padding-left:28px;position:relative}.login-footer{color:var(--dark-gray,#586069);font-size:14px;margin-top:40px}@media (max-width:768px){.login-card{padding:30px 20px}.login-card h1{font-size:24px}}