.login{display:flex;align-items:center;justify-content:center;padding:20px}.login__container{background:white;padding:2rem;border-radius:10px;width:350px;text-align:center}.login__logo{width:80px;margin-bottom:10px}.login__title{font-size:1.8rem;color:#333;margin-bottom:.5rem}.login__message{font-size:1rem;color:#555;margin-bottom:1rem}.login__form{display:flex;flex-direction:column;gap:12px}.login__input{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.login__button{width:100%;padding:var(--space-sm);margin-top:var(--space-xs);background-color:var(--primary-800);color:var(--white);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s ease}.login__button:hover{background-color:var(--text-primary)}.login__text{margin-top:10px;font-size:.9rem}.login__link{color:var(--primary-color);text-decoration:none;font-weight:700}.login__link:hover{text-decoration:underline}.login__separator{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;position:relative}.login__separator:after,.login__separator:before{content:"";flex:1 1;height:1px;background-color:#ccc}.login__separator-text{margin:0 10px;color:#666;font-size:14px;font-weight:500}.strava-login{margin-bottom:12px}.strava-login__button{display:flex;align-items:center;justify-content:center;width:100%;background-color:#ffffff;color:#fc4c02;border:none;padding:9px 16px;font-size:16px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.strava-login__button:hover{background-color:#e04302}.login__social-button .strava-login__button{background-color:white;color:#fc4c02;border:2px solid #fc4c02}.login__social-button .strava-login__button:hover{background-color:#fc4c02;color:white}.login__social-button .strava-login__icon{filter:none;width:18px;height:18px;margin-right:10px}.register{display:flex;align-items:center;justify-content:center}.register__container{background:white;padding:2rem;border-radius:10px;width:350px;text-align:center}.register__subtitle{font-size:14px;color:#666;margin-bottom:20px}.register__logo{width:80px;margin-bottom:10px}.register__title{font-size:1.8rem;color:#333;margin-bottom:1rem}.register__form{display:flex;flex-direction:column;gap:12px}.register__input{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.register__button{width:100%;padding:12px;margin-top:10px;background-color:#16c669;color:white;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.register__button:hover{background-color:var(--text-primary)}.register__error{background-color:#f8d7da;color:#721c24}.register__error,.register__success{padding:10px;border-radius:5px;margin-bottom:10px;font-size:.9rem}.register__success{background-color:#d4edda;color:#155724}.register__text{margin-top:10px;font-size:.9rem}.register__link{color:#16c669;text-decoration:none;font-weight:700}.register__link:hover{text-decoration:underline}.register__divider{width:100%;border:0;height:1px;background:#ccc;margin:20px 0}@media (max-width:480px){.register__container{width:100%;max-width:320px;padding:1.5rem}.register__logo{width:70px}.register__title{font-size:1.5rem}.register__button,.register__input{font-size:.9rem}}