.login-wrapper {display: flex;justify-content: center;align-items: center;height: 90vh;background-color: #f0f4f8;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}.login-box {background: #ffffff;padding: 50px 40px;border-radius: 16px;box-shadow: 0 12px 30px rgba(0,0,0,0.15);width: 100%;max-width: 400px;box-sizing: border-box;text-align: center;transform: scale(1.1);}.login-title {font-size: 32px;font-weight: 700;margin-bottom: 35px;color: #111;}.login-form {display: flex;flex-direction: column;gap: 16px;}.login-form label {font-size: 14px;font-weight: 600;color: #333;text-align: left;}.login-form input {padding: 14px 16px;font-size: 15px;border: none;border-radius: 10px;background: #f5f5f5;color: #111;outline: none;box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);transition: all 0.2s ease;}.login-form input::placeholder {color: rgba(0,0,0,0.4);}.login-form input:focus {background: #fff;box-shadow: 0 0 0 2px #10a37f;}.login-note {font-size: 13px;color: #666;margin-top: 4px;text-align: left;}.primary-btn {padding: 14px 0;background: #10a37f;color: #fff;font-weight: 600;border: none;border-radius: 10px;cursor: pointer;font-size: 16px;margin-top: 12px;transition: background 0.2s ease, transform 0.1s ease;}.primary-btn:hover {background: #0d8f6d;transform: translateY(-1px);}