body{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e7eb);display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.container{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);max-width:400px;padding:30px;text-align:center;width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.logo{height:auto;margin-left:5px;max-width:100px;object-fit:contain}h1{color:#1a3c34;font-size:24px;font-weight:600;margin:0}.error-message{color:#dc2626;font-size:14px}.error-message,.success-message{margin-bottom:8px;text-align:left}.success-message{color:green;font-size:17px;font-weight:500}form input[type=email],form input[type=password]{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:16px;margin:10px 0;padding:12px;transition:border-color .3s ease;width:100%}form input:focus{border-color:green;outline:none}.faded{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.login-btn,.next-btn{align-items:center;background:linear-gradient(90deg,green,#060);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;margin:10px 0;padding:12px;transition:background .3s ease;width:100%}.login-btn:hover:not(:disabled),.next-btn:hover:not(:disabled){background:linear-gradient(90deg,#060,#004d00)}.login-btn:disabled,.next-btn:disabled{background:#d1d5db;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;display:inline-block;height:16px;margin-left:8px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.forgot{color:green;display:block;font-size:14px;margin:8px 0 12px;text-decoration:none;transition:color .3s ease}.forgot:hover{color:#060}.social-login{margin:20px 0}.social-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;margin:8px 0;padding:12px;transition:background .3s ease;width:100%}.social-btn:hover{background:#f9fafb}.social-btn.google:before{content:url(https://www.google.com/favicon.ico);margin-right:10px}.social-btn.apple:before{content:url(https://www.apple.com/favicon.ico);margin-right:10px}.signup{color:#6b7280;font-size:14px}.signup a{color:green;font-weight:500;text-decoration:none}.signup a:hover{color:#060}.chat{background:green;border-radius:12px;color:#fff;font-size:12px;font-weight:500;margin-left:8px;padding:3px 12px}@media (max-width:480px){.container{padding:20px}.header{align-items:center;flex-direction:row;justify-content:space-between}.logo{margin-left:0;max-width:80px}h1{font-size:20px;text-align:right}.login-btn,.next-btn,.social-btn{font-size:14px}}